Clubinho da Gaby← Voltar

design system

A cara do Clubinho

Tokens e componentes derivados da identidade da marca Art Gaby Fernandes. Esta página é a referência viva do visual.

Cores

#F7F5EE

Creme

fundo

#161616

Tinta

texto / contorno

#FFFFFF

Papel

superfícies

#F4A6CE

Rosa

marca

#FBD3E6

Rosa claro

preenchimentos

#E84E9C

Rosa quente

destaque (texto escuro)

#D21F74

Rosa quente fundo

CTA c/ texto branco (AA)

#A9E2A4

Menta

secundária

#4F9A60

Menta profundo

texto sobre menta

#C9ECC9

Folha

acento · Clube do Livro

#E3D4F6

Lilás

acento · Séries

#FFE4A6

Manteiga

acento · Filmes

#C8E6F6

Céu

acento · Música

Espaçamento

Escala nativa do Tailwind (margens, paddings, gaps) — sempre múltiplos de 4px. Use direto: p-6, gap-4, mt-8, mx-12…

1

4px

2

8px

3

12px

4

16px

6

24px

8

32px

12

48px

16

64px

24

96px

Tokens semânticos — apelidos da escala para usos comuns: p-card, gap-conteudo, px-tela, mb-secao…

tela

16px · respiro da borda da tela

item

12px · entre itens próximos

container

16px · padding de containers

card

24px · padding interno de cards

conteudo

32px · entre blocos de conteúdo

secao

48px · entre seções grandes

Tipografia

Display · Fredoka

Clubinho da Gaby

Texto · Nunito

O ponto de encontro da comunidade — fóruns por tema, novidades das redes e a turma toda no mesmo lugar.

Botões

Pílulas

GeralClube do LivroVIPNovo

Janelinha retrô

cupom.exe

USE O CUPOM

1SHOP

e ganhe 5% de desconto na primeira compra

Selo da marca

Clubinho da Gaby