More Than Aromas — Design System

Paleta Oficial Burnished Gold & Charcoal (Luxury Dark Palette 2026)

1. Slots Semânticos da UI

primary
#C9A84C
Burnished Gold — CTA principal e acentos primários.
primary-foreground
#1C1B18
Charcoal Escuro — Texto e ícones sobre fundo dourado.
secondary
#2A2820
Charcoal Médio — Superfícies secundárias e cards.
secondary-foreground
#E8D9A0
Gold Suave — Texto secundário e destaques sutis.
background
#1C1B18
Charcoal Deep — Fundo base absoluto do site.
foreground
#F0E8C8
Parchment Light — Texto principal para legibilidade máxima.
surface
#242218
Charcoal Leve — Fundo de seções intermediárias.
card
#2A2820
Charcoal Card — Fundo de cards e contêineres soltos.
muted
#1F1E1A
Quase Preto — Fundos de seção e inputs.
muted-foreground
#9A8E6E
Sand Médio — Captions, labels e subtextos.
success
#5A8A3C
Verde Botânico — Confirmação e validação de sucesso.
info
#6A8FAA
Azul Suave — Informações auxiliares e ajuda.

2. Demonstração dos Componentes MTA

Flagship Formula

Energy & Focus Blend

Exemplo de card interativo com a nova paleta Burnished Gold.

Badge e Indicadores

Elementos gráficos com acento dourado em fundo Charcoal.

Burnished Gold Bio-Hacking