Style guide
Referência visual dos tokens definidos para o projeto Lacoviana (tipografia, cores, raios, sombras, elementos de UI e logos). Cria uma página no WordPress e atribui este modelo.
Logos
Tipografia
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Tagline / eyebrow
Corpo — Large
Large extra bold
Large bold
Large semibold
Large medium
Large normal
Large light
Corpo — Medium
Medium semibold
Medium normal
Corpo — Regular / Small / Tiny
Regular normal
Small normal
Tiny normal
Cores
Neutros
white
neutral-lightest
neutral-lighter
neutral-light
neutral
neutral-dark
neutral-darker
neutral-darkest
Tree Poppy
tree poppy lightest
tree poppy lighter
tree poppy light
tree poppy
tree poppy dark
tree poppy darker
tree poppy darkest
Flamingo
flamingo lightest
flamingo lighter
flamingo light
flamingo
flamingo dark
flamingo darker
flamingo darkest
Esquemas semânticos
Scheme 1
background, text, foreground, accent, border
Scheme 2
Superfície alternativa (cinza claro)
Raios
No Figma, Large / Medium / Small são 8px; usa o nome certo consoante a largura em colunas.
Sombras
Botões
Primário / secundário / terciário / link
Alternate (fundo escuro)
Secundário só contorno (quiet)
Disabled
Formulários
Alternate
Tags
Checkbox, radio, switch
Tooltip
Hover ou foco no ícone.
Texto de ajuda curto. Fundo claro.