Design System

Larica Fit

Warm, terroso e chapado. Cacau + dourado + verde sobre creme, bordas de 2px, sombras "sticker" duras e tipografia display condensada. A linguagem visual que todas as páginas deste blog usam.

Doce sem culpaVeganoSem glútenLow carb

Cores

Cacau ancora texto e bordas. Dourado é o acento principal (CTAs). Verde é o "fit / saudável".

Cacau & Ink

ink 900

#171c23

cacau 800

#351503

700

#603116

600

#6a4e43

500

#8e4c2c

400

#b58365

300

#e0b9a2

200

#f0e3d8

Dourado (mel)

600

#d9a94a

500

#e6bb68

400

#f0d09a

300

#f6e4c4

Verde (fit)

600

#349a57

500

#44be70

300

#b7e8c8

Neutros & frutas

creme

#fbfbf5

aveia

#f0f0e6

terracota

#c88576

morango

#d05a5a

Tipografia

Três níveis: display condensado (Anton), headings geométricos (Space Grotesk), corpo humanista (Work Sans).

Doce sem culpa

Display · Anton · uppercase · momentos de herói

Receitas em destaque

Heading · Space Grotesk · bold · títulos de seção e card

Receitas de doces de verdade — sem açúcar refinado, sem farinha branca e sem complicação. Reads como um amigo compartilhando uma receita.

Body · Work Sans · 16–18px · texto de leitura

Espaçamento

Grid base de 4px. Padding generoso entre seções, gaps apertados dentro dos cards.

4px
space-1
8px
space-2
12px
space-3
16px
space-4
20px
space-5
24px
space-6
32px
space-8
44px
space-11
64px
space-16
80px
space-20

Bordas, sombras & cantos

A assinatura: borda 2px cacau + sombra dura offset (down-left, zero blur). Cantos essencialmente retos; pills só para chips.

shadow-hard-sm

-2px 3px 0 0

shadow-hard

-3px 5px 0 0

shadow-hard-lg

-6px 8px 0 0

gold

hard-gold

Componentes

Botões — afundam na sombra ao clicar

Badges — tags de categoria & dieta

ChocolatesVeganoSem açúcar3 ingredientesLow carb

Cards

Bolos

Bolo de cenoura fit

Fofinho e sem açúcar refinado.

Interativo

Passe o mouse

Este card afunda na sombra ao hover.

Dark

Superfície escura

Banda cacau para dar ritmo.

Links & pills

Voz & tom

Faz

pt-BR informal, amigo-para-amigo. "Doce sem culpa / sem açúcar / sem complicação." Celebra a indulgência saudável.

Não faz

Nada de tom de nutricionista dando bronca. Sem emoji na interface. UPPERCASE só em labels, badges e botões — nunca no corpo.