Optma DS · v0.1 · Input

Input limpo e direto.

Campo de formulário com label tradicional acima (nada de label flutuante). Sobrenome técnico legível, mensagem de erro com cara de erro, foco com ring verde.

Estados

Default, focus, com valor, erro, desabilitado. O foco sempre carrega o ring verde.

Default

E-mail comercial A gente nunca compartilha com ninguém.

Com valor

Nome da loja Como aparece no site.

Erro

Faturamento mensal * Coloca um número, em reais. Tipo 250000.

Desabilitado

CNPJ Já validado, não dá pra editar.

Com ícone

Ícone à esquerda dá contexto rápido (busca, e-mail, link). Ícone à direita serve pra ação dentro do campo (revelar senha, limpar).

Busca

Buscar cliente

URL da loja

Site do e-commerce

Tamanhos

SM em tabelas e filtros, MD default, LG em hero forms ou onboarding.

SM · MD · LG

Textarea e Select

Mesmo padrão visual: borda 1.5px, foco com ring verde, label técnico acima.

Textarea

Onde aperta hoje? Sem precisar ser longo. 3 ou 4 linhas resolvem.

Select

Faturamento mensal Faixa do último trimestre, média.

Form completo (qualificação Optma)

Como o sistema se comporta numa tela real.