Sistema de design

A linguagem visual da Paraná Consórcios

Extraída da logo e do Instagram da marca: o verde araucária como base, o bronze/ouro como acento premium e neutros quentes para uma presença sólida, atemporal e confiável.

Cores

Paleta

Um único verde faz o trabalho pesado, expandido em uma escala consistente. O bronze/ouro entra como acento premium e raro. Neutros quentes evitam a frieza de um cinza puro.

Verde araucária (primário)

Green 950
#08291A
Green 900
#0E3D24
Green 800
#134F2F
Green 700 · marca
#1A6E3D
Green 500
#2E9E54
Green 300
#8FD3A1
Green 50
#EEF7F0

Bronze / ouro (acento premium)

Bronze 700 · logo
#6E5125
Gold 500 · acento
#C49A45
Gold 400
#D4B36A
Gold 100
#F5ECD6

Neutros quentes

Ink 900
#16201B
Ink 600 · corpo
#46514A
Ink 400
#8B958F
Line
#E6E1D5
Cream 50 · fundo
#FAF8F3

Semânticos

Sucesso
#1F8043
Atenção
#B07F1E
Erro
#B23A2E
Info
#2B6C8F
Tipografia

Pareamento & escala

Spectral (serifa transicional) nos títulos transmite permanência e elegância institucional. Hanken Grotesk (sans humanista) garante leitura impecável no corpo e na interface. Numerais tabulares em valores financeiros.

Display / H1Spectral 700 · 64px
Realize sem juros
H2Spectral 700 · 40px
Conquiste com planejamento
H3Spectral 600 · 24px
Como funciona o consórcio
EyebrowHanken 700 · 12.5px · +tracking
Administradora de consórcios
LeadHanken 400 · 19px
A forma disciplinada e segura de conquistar o que importa, sem os juros do financiamento.
CorpoHanken 400 · 17px
Você paga o valor do bem diluído nas parcelas, acrescido apenas da taxa de administração — sem juros.
NumeralSpectral 700 · tabular
R$ 1.475,00
Espaçamento

Escala de espaço

Escala base múltipla de 4. Seções respiram com ritmo generoso (clamp 64–120px). Grid de 12 colunas, container 1200px, gutter fluido.

--sp-1
4px
--sp-2
8px
--sp-3
12px
--sp-4
16px
--sp-5
24px
--sp-6
32px
--sp-7
48px
--sp-8
64px
Raios & sombras

Cantos e elevação

Cantos arredondados, profissionais e não “bolha”. Sombras suaves, quentes e realistas — nunca duras.

r-sm · 6px
r-md · 10px
r-lg · 16px
r-xl · 24px
r-2xl · 32px
r-full · pill
shadow-sm
shadow-md
shadow-lg
Componentes

Botões

Pill-shaped, com transição suave de hover (translateY + sombra). Primário verde, ouro para conversão premium, secundário com borda, fantasma para links.

Sobre claro
Sobre escuro
Componentes

Selos & badges

Pílulas para sinais de confiança, status e destaques. Cor do texto = tom nomeado; fundo = a tinta clara correspondente.

Em dia Mais procurado Sem juros A vencer Contemplado
Componentes

Cards

Base de borda 1px + sombra suave. Hover eleva e revela um filete verde. Usados em tipos de consórcio, planos, depoimentos e tiles do portal.

Imóveis

Casa, apartamento, terreno ou reforma.

Conhecer
Próxima assembleia
12 jun
tile de produto
Componentes

Inputs & sliders

Borda 1px que vira verde no foco. Sliders com trilha preenchida em verde e thumb branco com anel. Foco sempre visível (ring ouro) para acessibilidade.

Campo de texto
Slider
Marca

Uso do logo

A marca combina o símbolo da araucária (pinheiro-do-paraná) com o lettering “PARANÁ” e o descritor “consórcios”. Mantenha proporção, área de respiro e use a versão clara sobre fundos escuros.

Área de respiro

Reserve no mínimo a altura de uma “copa” da araucária ao redor da marca.

Ícone / símbolo isolado

O símbolo pode aparecer sozinho em avatares e favicons, em verde ou dentro de um círculo da marca.