DESIGN SYSTEM · V1 · 2026-07-07
Lehua. Coastal City.
Sistema visual completo. Use essa página pra QA visual contínuo. Cada seção abaixo deve casar com o mockup HTML aprovado.
01 · COLOR
Paleta de cor
5 brand + 6 neutros + 3 estados.
Marca
Sunrise
--lehua-sunrise
#f3ad1c
Ocean
--lehua-ocean
#1e5a87
Sand
--lehua-sand
#d4bfa5
Bone
--lehua-bone
#f4eee9
Charcoal
--lehua-charcoal
#3d3d3d
Neutros
Gray 50
#f9f5f0
Gray 100
#ede5da
Gray 200
#d0c4b3
Gray 300
#a89f91
Gray 400
#6b6359
Gray 500
#3d3d3d
Estados
Success
#5a7848
Warning
#c9831a
Error
#a83d2c
02 · TYPOGRAPHY
Tipografia
EB Garamond + DM Sans + JetBrains Mono.
display · 80px
Coastal City
h1 · 56px
Algodão pima essencial
h2 · 40px
Polo Hank em linho europeu
h3 · 28px
Coleção Resort 2026
h4 · 20px
Composição e cuidado
body lg · 18px
Algodão pima de fibra longa, linho europeu e malhas premium. Peças pensadas pro homem que vive a cidade com a alma do litoral.
body · 16px
Tecido com 95% algodão pima e 5% elastano. Lavar à mão ou máquina ciclo delicado, água fria.
small · 14px
Frete grátis acima de R$ 299. Troca grátis em até 30 dias.
label · 11px
Adicionar ao carrinho
mono · 13px
SKU: LH-POLO-PIMA-MAR-M · R$ 144,90
03 · COMPONENTS · BUTTON
Botões
4 variantes (primary, secondary, cta, ghost) × 3 tamanhos.
Variantes (size: md)
Tamanhos (variant: primary)
04 · COMPONENTS · INPUT
Input
Text/email/password com estados.
Email inválido
05 · COMPONENTS · PRODUCT CARD
Card de produto
Tag + título + preço + hover shadow.
06 · COMPONENTS · BADGE
Badges
5 variantes (ocean, sunrise, sand, success, error).
Em estoque
Últimas peças
Novo
100% Pima
Esgotado
