SEÇÃO 01 - 05

Brand Guidelines Completo

Paleta de cores, tipografia, espaçamentos, níveis de conquista e layouts oficiais

Paleta de Cores

Cores Primárias

Laranja Principal

CTAs, destaques, preços

#FF812D

Laranja Secundário

Cards premium, hovers

#E88C4A

Laranja Terracota

Ícones, badges

#F5A623

Cores Secundárias

Verde Sucesso

Valores positivos, bônus

#4CAF50

Vermelho Negativo

Alertas, ícones de atenção

#E56E6E

Azul Diamante

Nível premium

#4A90D9

Cores Neutras

Cinza Escuro

Títulos, texto principal

#4A4A4A

Cinza Médio

Subtítulos, descrições

#757575

Cinza Claro

Legendas, placeholders

#9E9E9E

Cores de Fundo

Azul Gelo

Fundo de slides

#EAF5FA

Ciano Claro

Fundo de cards

#EAF6F5

Neutro

Áreas de destaque

#F5F5F5

Tipografia

Elemento	Tamanho	Peso	Line Height
H1 - Título Principal	48px	ExtraBold (800)	1.2
H2 - Título de Seção	36px	Bold (700)	1.3
H3 - Subtítulo Principal	24px	SemiBold (600)	1.4
H4 - Título de Card	18px	SemiBold (600)	1.4
Body - Texto de corpo padrão	16px	Regular (400)	1.6
Caption - Legendas e textos menores	12px	Regular (400)	1.4
Valores (preços)	32px	Bold (700)	1.2

Sistema de Espaçamentos

Token	Valor	Uso
xs	4px	Espaços mínimos
sm	8px	Entre elementos pequenos
md	16px	Padding de cards
lg	24px	Entre seções
xl	32px	Entre blocos
2xl	48px	Entre seções principais
3xl	64px	Margens externas
4xl	80px	Margens de slides

Níveis de Conquista

⭕

ZERO

#4A4A4A

🥉

BRONZE

#E88C4A

🥈

PRATA

#9E9E9E

🥇

OURO

#FFD700

💎

DIAMANTE

#4A90D9