O1

Only One IA First

Design System Preview (awesome-design-md)
Cores Tipografia Botões Cards Formulários
← Voltar ao Site
Neural Command Deck · v1.0.0

Design System Oficial da Only One

Especificação padronizada no formato Stitch / VoltAgent da skill awesome-design-md. Arquitetado para operações inteligentes, dark mode contínuo e contraste WCAG AAA.

1. Paleta de Cores e Escala de Superfícies

Fundação cromática baseada em tonalidades de grafite e tríade de acentos energéticos.

Canvas & Escada de Superfícies

canvas
#020617
Fundo contínuo da aplicação e viewport
surface-1
#0B1120
Containers de seção e campos de formulário
surface-2
#0F172A
Cards padrão, menus suspensos e modais
surface-3
#1E293B
Estados interativos de hover e abas ativas

Acentos Cromáticos & Telemetria

primary
#2563EB
Ação principal, CTAs de conversão
secondary
#06B6D4
Métricas, telemetria de tráfego, ciber acentos
accent
#8B5CF6
Agentes cognitivos e automações de IA
semantic-success
#10B981
Status ativo, agentes online e validações

2. Escala Tipográfica (Sora & Inter)

Combinação de títulos autoritários em Sora e corpo ultra-legível em Inter, 100% self-hosted.

display-2xl · Sora 800 56px · Line Height 1.08 · Tracking -0.035em
Operações Comerciais Inteligentes com IA First
display-xl · Sora 800 44px · Line Height 1.12 · Tracking -0.03em
Agentes Autônomos de Qualificação e Vendas
display-lg · Sora 700 36px · Line Height 1.18 · Tracking -0.025em
Integração Rápida de CRMs e Atendimento Omnichannel
subhead & body-lg · Inter 400 16px - 18px · Line Height 1.6 · Tracking -0.01em
Eliminamos gargalos crônicos na sua operação comercial conectando presença digital de alta performance, tráfego qualificado e agentes de IA de ponta a ponta.
mono · ui-monospace 500 12px · Line Height 1.5
POST /api/v1/lead-qualification · Status: 200 OK · Latency: 124ms

3. Matriz de Botões

Ações primárias, secundárias e translúcidas projetadas com área de toque mínima de 44px.

4. Superfícies de Cards & Badges

Variações de camadas com iluminação atmosférica e indicadores de telemetria em tempo real.

IA First Badge Agente Autônomo CRM Conectado
Standard Card

Presença Digital Otimizada

Websites corporativos ultra-rápidos desenvolvidos em Astro com arquitetura sem dependências pesadas e notas máximas no Core Web Vitals.

Saiba mais
IA First Highlight

Agente de Atendimento 24/7

Triagem inteligente de leads no WhatsApp e Web com qualificação em tempo real e encaminhamento automatizado ao time de vendas.

Ver demonstração
Telemetria Ativa

Painel de Integração

> crm.hubspot.sync()
> Lead qualificado: Score 94
> Transição p/ consultor: 0.8s
Ver Métricas

5. Formulários e Elementos de Entrada

Campos translúcidos contrastantes com anéis de foco acessíveis.