← Voltar

Design System — Edição Luxo

A Era das Máquinas Belas

Luxo, Glamour e Ornamento Geométrico

Art Deco — 1920 — 1939

01 — Tipografia

Grande Luxo

Cinzel 900 / 5rem / letter-spacing: 0.1em / uppercase

Display Dourado

Cinzel 700 / 3.5rem / letter-spacing: 0.08em / gold-light

Heading Primeiro Nível

Cinzel 600 / 2.25rem / letter-spacing: 0.06em

Heading Segundo Nível

Cinzel 600 / 1.75rem / letter-spacing: 0.05em

Heading Terceiro Nível

Cinzel 400 / 1.35rem / letter-spacing: 0.04em

Corpo do texto — Cormorant Garamond evoca a elegância das publicações de luxo da era Art Deco. Cada letra carrega o peso refinado de uma época em que a beleza e a modernidade coexistiam em perfeita harmonia geométrica.

Cormorant Garamond 400 / 1.2rem / line-height: 1.8

Texto em itálico — a expressão do romantismo sofisticado, suave como a seda e preciso como o aço das construções do período.

Cormorant Garamond 300 italic / 1.2rem / color: fg-muted

Legenda secundária para metadados refinados

Cormorant Garamond 400 / 1rem / color: fg-muted

Rótulo Cinzel

Cinzel 600 / 0.75rem / letter-spacing: 5px / uppercase / gold

02 — Paleta

Background
#0C0B09
Surface
#141210
Gold
#C9A84C
Gold Light
#E8C46A
Foreground
#E8D5A3
Ivory
#F5EDD8
Accent Burgundy
#8B1A1A
Muted
#9A8B6A

03 — Espacamento

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

04 — Botoes

Tamanhos

◆ ——— ◆

Variantes

05 — Cards

◆ Destaque

A Grande Gatsby
O luxo não é um acidente. É o resultado de décadas de refinamento, escolha e visão artística que transcende o tempo.
1922 — Nova York

◆ Exclusivo

Chrysler Building
Aço, alumínio e pedra moldados pelo espírito de uma era que acreditava no futuro como uma promessa dourada.
1930 — Manhattan

◆ Reservado

Empire State
A ambição humana verticalizada em concreto e vidro, tocando as nuvens com a certeza de quem domina o presente.
1931 — Nova York

06 — Stats & KPIs

102
andares de ouro
1929
ano da grande depressão
3.2x
crescimento do jazz
∞
beleza intemporal

07 — Badges

Luxo Exclusivo Urgente Claro Discreto

08 — Formularios

Sua privacidade é nossa prioridade absoluta.

Formato inválido. Use nome@dominio.com

09 — Divisores

Linha Simples em Ouro

Linha Dupla Art Deco

Linha Sutil

Divisor com Ornamento

◆

Divisor Completo

◆ ——————————————————————————— ◆

10 — Ornamentos Art Deco

Raios Solares — Conic Gradient

repeating-conic-gradient — símbolo de prosperidade e luz da era dourada

Padrão Chevron

>>>>>>>>>>>>>>>>>>
<<<<<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>>>
<<<<<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>>>
<<<<<<<<<<<<<<<<<<

Padrão chevron alternado — bordas decorativas em movimento

Moldura de Linha Dupla

Art
Deco

border + outline + outline-offset — moldura dupla com cantos ornamentados

Grade de Losangos

linear-gradient 45deg cruzado — padrão geométrico Art Deco clássico

Vocabulario Ornamental

◆ ————————————————————— ◆
✦ ◈ ◆ ❖ ◆ ◈ ✦
◇ ——— ◈ ——— ◆ ——— ◈ ——— ◇
I   II   III   IV   V