01 — FOUNDATION

Design Tokens

Todos os tokens de design da Chuv Studio, extraídos diretamente do arquivo Figma Design Chuv Studio 2.0.

Color Palette

Paleta de cores completa derivada da identidade visual da Chuv Studio

Primary — Purple

#f5f2ff

100

#ede8fd

200

#d4c5fa

300

#b9a0f8

400

#9f78f7

500

#5628e8

600

#4820cc

700

#3818a8

800

#281080

900

#1b003d

Neutral — Gray

#f9f9f9

100

#efefef

200

#e0e0e0

300

#c4c4c4

400

#ababab

500

#878787

600

#636363

700

#595959

800

#545454

900

#111111

Semantic

Success

#22c55e

Warning

#f59e0b

Error

#ef4444

Info

#3b82f6

System Tokens (CSS Variables)

--background

#ffffff

--foreground

#111111

--card

#f9f9f9

--primary

#5628e8

--brand-primary-900

#1b003d

--primary-foreground

#ffffff

--secondary

#efefef

--muted

#f5f5f5

--muted-foreground

#595959

--accent

#f5f2ff

--border

#e0e0e0

--ring

#5628e8

--destructive

#ef4444

--card-padding

45px

--button-padding-x

16px

--button-padding-y

14px

--badge-padding-x

12px

--badge-padding-y

10px

Typography

Escala tipográfica · Fonte primária: Inter (sistema) / Neue Haas Unica Pro (marca)

Display XL

Comunicação Visual

Display L

Chuv Studio

Heading H1

Design de Experiência

Heading H2

Identidade de Marca

Heading H3

Serviços de Design

Heading H4

Direção Visual e Estratégia

Body XL

Quando estratégia e design atuam juntos, algo poderoso acontece.

Body M

Somos multidisciplinares, oferecendo estratégias sólidas e experiências surreais.

Body S

Toda grande ideia começa com uma conversa.

Label M

ENVIAR · CONTATO · SAIBA MAIS

Caption

Spacing — 8pt Grid

Sistema de espaçamento baseado em múltiplos de 8px

Card Padding

45px

Padrão obrigatório para cards e content containers.

Button Padding

16px / 14px

Padding dos botões em pixels: 16px nas laterais e 14px na parte superior e inferior.

Badge Padding

12px / 10px

Padding dos badges em pixels: 12px nas laterais e 10px na parte superior e inferior.

Border Radius

Estilo: radius exclusivo para sections; componentes internos como botões e badges permanecem retos

None

XS / 4

S / 8

M / 10

L / 16

XL / 24

Full

Buttons

0px

Todos os botões do sistema usam rounded-none.

Badges

0px

Todos os badges do sistema usam rounded-none.

Shadows & Elevation

Shadow XS

Shadow S

Shadow M

Shadow L

Shadow XL

Shadow 2XL

Components Preview

Amostra dos componentes usando os tokens da Chuv Studio

Buttons

Badges

DefaultSecondaryOutlineDestructive

Card

Design

Identidade Visual

Criamos identidades visuais memoráveis com propósito estratégico e estética premium.

Premium

Direção Visual

Estratégia visual completa para marcas que querem se destacar no mercado global.

Alerts

Design System pronto

Os tokens da Chuv Studio foram aplicados com sucesso.

Atenção

Verifique as configurações antes de publicar.

Chuv Studio Design System · Gerado a partir do Figma: Design Chuv Studio 2.0 · Primary #5628e8 · Font: Neue Haas Unica Pro / Inter