Síntese Cristalina

Cores & Materiais

A paleta reflete a refração da luz em vidro colorido, misturando tons frios profundos com reflexos quentes.

Deep Teal

#1B4341

Glass Coral

#D68C70

Frost White

#FFFFFF

Pearl Mist

#F0F4F4

Charcoal

#1E293B

Slate Gray

#64748B

Glassmorphism (Elevação)

A profundidade não é criada por sombras escuras, mas sim por camadas de vidro translúcido (blur e bordas claras).

Nível 1: Translúcido

blur-sm • bg-white/30

Nível 2: Fosco (Padrão)

blur-md • bg-white/60

Nível 3: Cristalino

blur-xl • bg-white/80

Tipografia

Limpa, geométrica e com forte contraste de peso para garantir legibilidade sobre fundos complexos.

Heading 1

SÍNTESE CRISTALINA

Heading 2

Minimalismo com Profundidade

Body

A textura 'Gato de Vidro' reimaginada em interfaces fluidas. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Label
Navegação Principal

Botões

Ações primárias usam contraste alto, enquanto ações secundárias adotam o material do vidro.

Cards de Feature

Blocos de conteúdo facetados com iconografia sutil e bordas arredondadas.

FRAGMENTAÇÃO

Pedaços de vidro organizados. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

REFRAÇÃO

Desvio da luz na interface. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

TRANSLUCIDEZ

Painéis que revelam o fundo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Padrão de Interface

A aplicação prática dos tokens e componentes em uma seção Hero completa.

sintese-cristalina.ui
SÍNTESE CRISTALINA

MINIMALISMO COM
PROFUNDIDADE DE VIDRO

A textura 'Gato de Vidro' reimaginada em interfaces fluidas, combinando iridescência sutil com geometria pura.

Fragmentação

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed diam mestrud shards.

Refração

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Translucidez

Transalurenxz diotor ays amet, consectetur adipiscing elit, sed do eipavmod panels.