Cores e tema | Notion

Figma

https://www.figma.com/design/SZXmTercPFaFQ6VEA7gkL6/Untitled?node-id=0-1&p=f&t=csad8mTebtAEeTN3-0

Conceito da tela inicial de login.

Estilo retrô anos 70/80 com toque moderno
Paleta quente (laranja, amarelo-mostarda, verde-oliva, teal)
Sensação de “supermercado nostálgico”

<aside> 💡

Com esse background fixo na tela de login, o tema do app inteiro precisa conversar com ele.

</aside>

Paleta de cores oficial (extraída + harmonizada da imagem)

Função	Cor	Hex
Primary (principal)	Laranja queimado	`#F97316`
Primary Dark	Laranja escuro	`#EA580C`
Secondary	Verde hortifrúti	`#22C55E`
Accent / Destaque	Amarelo-mostarda	`#FACC15`
Background principal (light mode)	Creme claro	`#FFFBEB`
Background dark mode	Teal profundo	`#134E4A`
Surface / Card	Branco sujo	`#FFF7ED`
Texto principal	Cinza escuro	`#1E293B`
Erro	Vermelho tomate	`#EF4444`

Aparência geral recomendada

Modo claro (padrão)
- Fundo das telas: #FFFBEB creme ou branco sujo#FFF7ED
- Cards: #FFFBEB creme
- Texto: #F0FDF4 preto
- Ícones e checkboxes de lista: #F97316 laranja
Modo escuro
- Fundo: #134E4A ou quase preto #0F172A
- Cards: #1E293B cinza escuro
- Texto: #F0FDF4 (verde bem claro)
- Ícones e checkboxes de lista: #22C55E verde
Tipografia (combina perfeitamente com o estilo da arte)
- TO-DO