Design System

pão de mel do bem

Os tokens da marca — cor, tipografia, espaçamento, raios, sombra e componentes. Tudo nasce de resources/css/app.css (@theme do Tailwind + variáveis CSS) e se reflete nas utilidades Tailwind (bg-honey-500, font-stamp, rounded-pill) e nas páginas do site.

Pão de meldo bem

Cores · chocolate & marrom (tinta)

choc-950
#1F0F07
choc-900
#2A150B
choc-800
#3C1F12
choc-700
#5A3416
brown-600
#7F4E12
ochre-600
#A06F13
camel-500
#B9854A
camel-400
#CB975B
peach-300
#F4BF8C
peach-200
#F8D7B4

Cores · mel & ouro

honey-700
#B07E18
honey-600
#D29A1F
honey-500
#E8B636
gold-400
#F0D273
gold-300
#F4E0A0
butter-200
#FAF39B
honeycomb
#EFD974

Cores · cítrico & herbal

orange-600
#C96329
orange-500
#E07B43
coral-400
#F39869
coral-300
#F8B690
olive-600
#8E8A36
olive-500
#ABA342
forest-600
#506C28
forest-700
#3D521E

Cores · neutros quentes (papel)

cream-50
#FCF8EF
cream-100
#F6EFDD
cream-200
#EEE3CA
sand-300
#E0D0AE
sand-400
#C9B488
paper
#FFFDF8
ink-black
#030304

Tipografia · cinco vozes

--font-scriptCraftsman · assinatura
Pão de mel
--font-wordmarkDCC Ash · só "do bem"
do bem
--font-stampAlfa Slab One · títulos h1–h3
feito à mão, em pequenos lotes
--font-sealGeizer · selos sem acento
100% ARTESANAL · PRODUTO CAPIXABA · 2022
--font-capsMontserrat · eyebrows / nav
Produto capixaba · feito à mão · cravo moído na hora
--font-serifRoman Antique · leitura
Acreditamos que os melhores sabores também carregam histórias, memórias e afeto — feitos com calma, ingredientes reais e respeito ao tempo.
--font-sansMontserrat · UI / letra fina
Validade 5 dias · manter em local fresco · (27) 98882-8660

Espaçamento · escala de 8

--space-1
4px
--space-2
8px
--space-3
12px
--space-4
16px
--space-5
24px
--space-6
32px
--space-7
48px
--space-8
64px
--space-9
96px

Raios & sombras

--r-xs
4px
--r-sm
8px
--r-md
12px
--r-lg
18px
--r-pill
999px
--shadow-sm
soft / warm
--shadow-md
soft / warm
--shadow-lg
soft / warm

Componentes

Encomende a sua fornada Quero encomendar Ver sabores
Mais pedido Edição da casa Especiarias Adicionado ✓
100%Artesanal
Mais pedido

clássico de laranja

Massa de mel e cacau, cravo moído na hora, recheio de doce de leite.