AUTH.ONE · DESIGN SYSTEM NOIR EDITORIAL · v0.1 BLOCO 04 / 03 · COMPONENT LIBRARY

Component Library — as peças.

Componentes-base do sistema, cada um com variantes, estados e regras de uso. Tudo construído sobre os tokens e regras de tipografia já aprovados.

4.1

Buttons

5 variantes cobrem todas as situações. Hover comum: translateY(-1px) + glow em primary, background fade em secondary, arrow slide em ghost. Timing sempre 200ms / ease-fast.

PrimaryHero CTA
Agendar conversa
DEFAULT
HOVER · lift + glow
PrimaryPadrão
SecondaryOutline cream
GhostInline / terciário
IconQuadrado
4.2

Cards

6 tipos. Cada um com papel semântico — portrait para cases, editorial para serviços, light para destaque dentro de bento, data para métricas, case 16:10 para hero de project, testimonial.

— Portrait 3:4 (carrossel, case grid, portfolio)
BrandingWeb
Rhrive
· 2025 · Strategic identity
IA Aplicada
Atlas Operações
· 2025 · IA workflow
— Editorial (para serviços, pilares, método)
Pilar 01 · Método ALTA

Clareza de essência

Onde a marca nasce verdadeira. Identidade que não se reinventa a cada tendência — carrega convicção estratégica.

Ler mais →
Pilar 02 · Método ALTA

Comunicação de autoridade

A voz da marca em cada canal. Consistência narrativa do posicionamento à execução diária.

Ler mais →
— Light (destaque dentro de bento dark)
Programa premium

AURA.ONE — mentoria de autoridade digital.

Para CEOs e empresários que querem construir presença digital própria, não terceirizada. 6 sentidos, 12 semanas, transformação real.

Vagas limitadas
08
Países atendidos · BR · DE · US · CA · BO · MX · PY · UY
— Case 16:10 (abertura de page de projeto)
Campanha · 2025

Salamander PVC — presença que dura.

Do posicionamento estratégico à campanha de lançamento multicamada. B2B/B2C integrado.

— Testimonial (prova social, depoimento)

A AUTH.ONE não entregou uma campanha — entregou infraestrutura estratégica. A gente voltou a enxergar a marca inteira.

CM
Carlos Menegaz CEO · Grupo Menegaz · BR
4.3

Navigation

Header sticky com backdrop-blur. No mobile, drawer em overlay com links em display size (impactante, editorial). Breadcrumb em mono para pages profundas.

— Header sticky · desktop
— Mobile drawer
— Breadcrumb (pages profundas)
4.4

Inputs & Forms

Minimalismo editorial. Text e textarea com underline only (sem box) — cream ao focar. Select em pill. Checkbox com check cream sobre fundo cream no ativo.

◇ informe um e-mail válido
Estados de input
idle
focus
error
success
disabled
4.5

Chips, Tags & Status

Pills com papéis distintos. Tag categoriza conteúdo. Filter-chip é tag interativa em lista. Status comunica estado (New, Standby, Live).

Tag
Categorização de conteúdo
Branding Web Design Marketing Médico IA Aplicada
Filter chip
Interativa · com dot indicator
Todos Branding IA Campanhas
Status
Comunicação de estado
● novo ● em breve · fase 2 ● online
4.6

Links

3 padrões. Cada um marca um nível de intenção.

4.7

Footer

4 camadas: manifesto (headline grande final) → nav grid (brand + 3 colunas de links) → legal line (copyright + legais).

Próximo · Motion System →