-37%Alta fixaçãoFeminino
Floratta Rose Sucrée Eau de Parfum 75ml
O Boticário · A rosa mais desejada, em eau de parfum
R$ 143,90R$ 229,90
Design system
Base visual da loja: preto e branco, tipografia Archivo, botões pill (raio 100px), cards com raio 8px e fotos sobre cinza-claro. Referência: perfumaria DTC minimalista.
Cores
Ink
#000000
texto, botões, barra superior, footer
White
#ffffff
fundo base
Gray 50
#f2f2f2
fundo das fotos de produto
Gray 100
#efefef
chips, superfícies
Gray 200
#d9d9d9
bordas
Gray 400
#acacac
preço riscado, subtítulos itálicos
Gray 500
#808080
texto secundário
Sand
#f5f1ee
hero e newsletter
Chip verde
#d9ebc6
selo de estoque/frete
WhatsApp
#2db742
botão flutuante
Danger
#d32f2f
erros, destaque da oferta no menu
Tipografia · Archivo
H1 banner
64px / 600 / uppercase / -0.03em
Perfumaria das marcas que você ama
H1 produto
28px / 500
Perfumaria das marcas que você ama
Título de seção
26px / 700 / uppercase
Perfumaria das marcas que você ama
Preço PDP
26px / 500
Perfumaria das marcas que você ama
Corpo
14px / 400 / 1.4
Perfumaria das marcas que você ama
Label
12px / uppercase / tracking-wide
Perfumaria das marcas que você ama
Botões
Selos
-40%LançamentoFemininoRestam 12
Preço e avaliação
R$ 119,90R$ 199,80em até 5x de R$ 23,98
R$ 110,31 no PIX (8% off)
40% de descontoR$ 69,90R$ 99,90
4.8(2.201)
Card de produto
Acordeão
Modo de uso
Aplique a quantidade desejada diretamente na pele.
Pirâmide olfativa
Saída, corpo e fundo.
Espaçamento e raios
- Container: máx. 1480px, gutter 40px (16px no mobile).
- Seções: 56 a 64px entre blocos. Cards: gap 12px horizontal, 40px vertical.
- Raios: pill 100px (botões, inputs, chips), card 8px (fotos, caixas), 40px (hero especiais).
- Altura padrão de botão e input: 52px. Header: 70px. Barra superior: 40px.
Rastreamento (dataLayer)
Eventos GA4 e-commerce disparados: page_view, view_item_list, select_item, view_item, add_to_cart, remove_from_cart, view_cart, begin_checkout, add_shipping_info, add_payment_info, purchase, apply_coupon, shipping_quote, track_order. UTMs e gclid são capturados na entrada, persistidos e enviados junto do pedido. Configure NEXT_PUBLIC_GTM_ID (ou GA4/Google Ads/Meta) no arquivo .env.local.