Cupperfy

Design system

Tokens de marca (laranja + preto), tipografia e componentes base do shadcn. Referência viva — ver também docs/09-design-system.md.

Voltar

Brand · orange

brand-50

brand-100

brand-200

brand-300

brand-400

brand-500

brand-600

brand-700

brand-800

brand-900

brand-950

Institucional: brand-500 → primary

Ink · black

ink-50

ink-100

ink-200

ink-300

ink-400

ink-500

ink-600

ink-700

ink-800

ink-900

ink-950

Semânticos (shadcn)

background

primary

secondary

accent

muted

destructive

Tipografia

Oxanium · display

Manrope · corpo — leitura longa, UI e formulários.

Títulos usam font-heading; o restante herda font-sans.

Glassmorphism

lf-glass

Painéis e passos

lf-glass-strong

Forms e menus

lf-glass-hero