#142B45
Azul institucional
--navyMarca, títulos e grandes superfícies
SISTEMA VISUAL / VERSÃO 1.0
Clareza para decidir.
Confiança para avançar.
A linguagem visual de Flavio Colla une a solidez do mercado financeiro à proximidade de uma consultoria que entende pessoas, negócios e contextos.
ESTRATÉGIACRÉDITODESENVOLVIMENTO
01Marca
Uma marca de presença discreta.
O monograma FC, a assinatura tipográfica e o ponto dourado criam reconhecimento sem competir com o conteúdo.
FC.FLAVIO COLLAESTRATÉGIA & CRÉDITO
Assinatura principal · fundo claro
FC.FLAVIO COLLAESTRATÉGIA & CRÉDITO
Assinatura inversa · fundo institucional
PRINCÍPIO DE MARCA
Use azul para construir confiança, marfim para dar espaço à informação e dourado para conduzir o olhar. O dourado atua como acento, nunca como fundo dominante de leitura.
02Cores
Uma paleta de precisão e calor.
Os valores abaixo são os tokens já usados no site. Cada cor tem uma função clara na hierarquia visual.
#0D1E31
Azul escuro
--navy-darkContato e superfícies profundas
#091A2D
Azul profundo
--navy-deepRodapé e camadas de profundidade
#B48A48
Dourado
--goldAcentos, linhas e ações de destaque
#F7F5F0
Marfim
--ivoryFundo principal e áreas de respiro
#ECE8DF
Marfim escuro
--ivory-darkDivisões e superfícies secundárias
#586B7D
Cinza azulado
--slateTexto de apoio e metadados
#0D1C2D
Tinta
--inkTexto principal
#FFFFFF
Branco
--whiteCartões e texto sobre azul
COMBINAÇÃO INSTITUCIONALDecisões com
visão estratégica.Azul institucional + branco + dourado
visão estratégica.Azul institucional + branco + dourado
COMBINAÇÃO EDITORIALExperiência que inspira confiança.Marfim + azul institucional + dourado
03Tipografia
Editorial na expressão. Objetiva na leitura.
Playfair Display constrói a voz institucional. Plus Jakarta Sans mantém textos, navegação e dados diretos e legíveis.
01 / TÍTULOS
Aa.
Playfair Display
Regular 400 · Medium 500 · Semibold 600
Estratégia para
o próximo passo.
o próximo passo.
02 / INTERFACE
Aa.
Plus Jakarta Sans
Regular 400 · Medium 500 · Semibold 600 · Bold 700
Análise cuidadosa. Decisão segura.Texto de apoio, botões e navegação
DISPLAY / 72 PXVisão estratégica.
SEÇÃO / 48 PXConhecimento em prática.
CARD / 24 PXConsultoria financeira
CORPO / 14 PX
Informação clara e contexto suficiente para orientar decisões.
RÓTULO / 11 PXCRÉDITO · RISCO · RESULTADO
04Estrutura
Ritmo, alinhamento e espaço.
A interface usa uma grade generosa, divisões finas e cantos retos para sustentar uma apresentação sóbria.
CONTAINER1.240 px
Largura máxima de conteúdo no desktop, com respiro lateral responsivo.
GRADE12 colunas
Composições editoriais assimétricas e cartões em três ou quatro colunas.
ESPAÇAMENTO8 → 108 px
Intervalos curtos dentro dos componentes e grandes pausas entre seções.
05Componentes
Peças feitas para orientar.
Os exemplos reproduzem a linguagem dos botões, cartões, métricas e rótulos que já aparecem na experiência principal.
BOTÕES E LINKS
Verbos claros, poucas ações por contexto e ícones apenas para indicar direção.
RÓTULOS E DESTAQUES
SOLUÇÕES/01PLANEJAMENTO · GESTÃO
Maiúsculas e espaçamento amplo ajudam a localizar e organizar o conteúdo.
CARTÃO DE SERVIÇO
/01
Consultoria Financeira
Estruturação e análise para apoiar decisões de empresas e produtores rurais.
PLANEJAMENTO · ESTRUTURAÇÃO
MÉTRICAS E CREDIBILIDADE
17 anosde experiência no mercado financeiro
R$ 3,2 biem ativos durante o ciclo de atuação na diretoria
06Aplicação
O sistema em contexto.
Fotografia, texto e componentes trabalham juntos para dar materialidade à experiência e aproximar a marca das pessoas.
VISÃO EXECUTIVA PARA O SEU NEGÓCIO
Decisões financeiras com visão estratégica.
Experiência em crédito, gestão e cooperativismo para transformar desafios financeiros em caminhos sustentáveis de crescimento.
Ver página inicial01 / IMAGEM
Retratos reais e ambientes de trabalho reforçam experiência e proximidade.
02 / ACESSIBILIDADE
Texto descritivo, foco visível e informação legível sem depender apenas da cor.
03 / CONSISTÊNCIA
Reutilize os tokens de cor e os padrões tipográficos do site antes de criar novas variações.