Brand System
Diretrizes de identidade e interface para comunicar uma boutique de engenharia de software: precisa, silenciosa, com acabamento de luxo e próxima da operação.
Ciclo Solar · Tempo & Luz
Fiel ao conceito grego de Chronos (tempo contínuo) e Kairós (momento oportuno), a interface inverte as cores automaticamente ao longo do dia: branco durante a manhã/tarde e preto durante a noite.
Fundo branco puro (#ffffff), texto preto profundo (#09090b), contrastes límpidos e leitura arejada para iluminar o dia de trabalho.
Fundo preto profundo (#0a0a0a), texto branco Pantone 2026 (#fafafa), acento velado (#141f1a) e redução de fadiga visual noturna.
A prática
A Chronokairo resolve problemas operacionais complexos através de software, inteligência artificial e automação. A tecnologia é prova de competência; o produto é a solução em funcionamento contínuo.
Software Engineering
Sistemas sob medida para processos, integrações e decisões críticas de alta demanda.
Artificial Intelligence
Inteligência aplicada a fluxos reais de trabalho, com governança, supervisão e responsabilidade.
Automation & Infrastructure
Operações conectadas, ambientes cloud resilientes e eliminação de esforço manual redundante.
Logotipo
O logotipo combina código e tempo em uma única marca geométrica. Utilize com espaçamento generoso, sem efeitos de distorção, sombras pesadas ou molduras decorativas.
Aplicação Dark (Noite)Aplicação Light (Dia)brightness-0 invertFundo claro · currentColor<img src="/logo.svg" alt="ChronoKairo" className="w-8 h-8 dark:brightness-0 dark:invert" />
Cores & Tokens
Paleta monocromática de precisão. O mostrador abaixo exibe o valor no tema claro (dia) e tema escuro (noite).
Background
Dia: #ffffff · Noite: #0a0a0a
Foreground
Dia: #09090b · Noite: #fafafa
Primary
Dia: #09090b · Noite: #fafafa
Secondary
Dia: #f4f4f5 · Noite: #171717
Muted
Dia: #f4f4f5 · Noite: #141414
Muted Foreground
Dia: #71717a · Noite: #C8CACB
Accent
Dia: #f4f4f5 · Noite: #141f1a
Border
Dia: #e4e4e7 · Noite: #262626
Card
Dia: #fafafa · Noite: #121212
Tipografia
Inter conduz os títulos, corpo e componentes de interface com pesos leves (300/400). A família Newsreader é reservada para citações e a ancestralidade dos termos gregos. O estilo monospaced é estritamente técnico.
Display
Inter
Sans
Inter
Mono
ui-monospace
Chronos · O tempo contínuo e mensurável
Kairós · O momento oportuno e decisivo
Espaçamento
Escala uniforme baseada em incrementos de 4px, alinhada aos tokens de @chronokairo/platform.
Componentes Platform UI
Componentes consolidados importados diretamente de @chronokairo/platform/ui. Design silencioso, cantos arredondados contidos ou em pílula, com bordas finas e contraste assertivo.
Buttons (Botões em Pílula)
<Button size="pill">Primário</Button> <Button variant="outline" size="pill">Outline</Button>
Badges & Tags
<Badge variant="outline" className="font-mono text-xs rounded-full"> Tag </Badge>
Glass & Acrylic Surfaces
<div className="glass">Conteúdo</div> <div className="acrylic">Conteúdo</div>
Text Gradient & Highlight
Tecnologia no tempo certo
<p className="text-gradient font-light"> Tecnologia no tempo certo </p>
Gradientes & Iluminação
Gradientes são quase imperceptíveis, servindo apenas para criar profundidade sutil no ambiente escuro e claro.
Dark Subtle Gradient (Noite)
#0a0a0a → #141f1a
Light Neutral Gradient (Dia)
#faf9f5 → #ece9e1
Voz e Tom
Tom direto, técnico e sereno. Usamos português brasileiro com termos precisos. Frases concisas, sem jargões corporativos vazios ou artifícios de urgência mercadológica.
Diretrizes Recomendadas
- • “Projetamos sistemas para operações complexas.”
- • “Envolvimento técnico direto, do diagnóstico à operação.”
- • “Tecnologia no tempo certo.”
- • “Sistemas construídos para durar e evoluir.”
× Padrões Evitados
- • “Agenda aberta — resposta em até 24h.”
- • “Antes que a agenda feche.”
- • “Solução disruptiva 360° omnichannel.”
- • “Software House genérica.”