Optma Design System · Turbina Light · v0.1

A turbina acendeu.

Sistema visual da Optma. Light dramático, verde estrutural, laranja só onde tem função. Aqui ficam os tokens, os componentes e os previews. Cada peça nasce isolada, vai pra Plataforma Comercial e depois pro site.

Paleta

Verde Optma como cor estrutural. Laranja reservado pra funções semânticas: status atenção, warning, palavra-chave pontual. Branco quente como base.

paper
#FAFAF6
paper-soft
#F2F1EA
ink
#0A100C
ink-muted
#6A6F68
green-deep
#0F3A18
green
#34963b
green-bright
#5DE26F
orange
#FF7A2C
error
#E64545
info
#2E6FE3

Tipografia

Montserrat Black em escala extrema pra títulos, Poppins Regular pra corpo. Grifo de palavra-chave por cor (nunca por itálico).

Mega · 120
Processo.
8XL · 80
A gente organiza
6XL · 48
Método 7E aplicado
4XL · 32
Operação completa
2XL · 20
Corpo de subtítulo em Poppins. Carrega contexto sem brigar com o título.
LG · 16
Corpo padrão. Aqui vive a maior parte do conteúdo, em Poppins regular.
XS · 11
Label uppercase tracking wider

Componentes

Cinco peças construídas em v0.1. Cada uma com preview navegável. Mais virão (Modal, Toast, Tabela, Navegação, KPI isolado, etc).