Button
5 variantes, 3 tamanhos, com ícone, loading e disabled.
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.
Verde Optma como cor estrutural. Laranja reservado pra funções semânticas: status atenção, warning, palavra-chave pontual. Branco quente como base.
Montserrat Black em escala extrema pra títulos, Poppins Regular pra corpo. Grifo de palavra-chave por cor (nunca por itálico).
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).
5 variantes, 3 tamanhos, com ícone, loading e disabled.
Text, textarea, select, com ícone, label e helper. Foco com ring verde.
5 cores, 2 estilos (soft/solid), 2 tamanhos, com pulso opcional.
5 variantes (base, soft, outlined, dashed, feature). Interactive opcional.
Composto da Plataforma Comercial. Rascunho, aguardando e aceita lado a lado.