Design System DeLui

Styleguide (noindex) — a fonte visual de verdade da marca. "A fragrância de quem conquista."

Cores

Navy--delui-navy#0B1E48

Navy 90--delui-navy-90#1C2F5C

Navy 10--delui-navy-10#E8EBF2

Dourado--delui-gold#C9A24D

Dourado hover--delui-gold-hover#D9B665

Off-white--delui-off-white#FAF8F4

Creme--delui-cream#F4F1E9

Texto--delui-text#1A1A2E

Texto suave--delui-text-muted#5A607A

Erro--delui-error#B3423F

Sucesso--delui-success#2E6B4F

Tipografia

Lora Display · A fragrância

Lora 2XL · de quem conquista

Lora XL · Título de seção

Poppins LG · subtítulo de apoio

Poppins Base · corpo de texto padrão do site, com boa legibilidade em qualquer tela.

Poppins SM · texto secundário

Poppins XS · legendas e microcopy

Espaçamento (4px)

sp-1
4px

sp-2
8px

sp-3
12px

sp-4
16px

sp-6
24px

sp-8
32px

sp-12
48px

sp-16
64px

Botões

Adicionar à sacola Ver detalhes Ver todos Indisponível

CTA sobre navy Secundário

Formulários

E-mail Usado só para o seu pedido.

Campo com erro Informe um CEP válido.

Ordenar por

Criar conta para acompanhar meus pedidos

Badges

Importado Lançamento Mais vendido Nacional -20%

Breadcrumb · Avaliação

5,0 (128) 4,5 (57) 3,0 (12)