← Voltar ao início

Guia de Marca

AIQuo é um Estúdio de Execução de Produtos. Nossa identidade visual reflete precisão, excelência técnica e clareza. Estas diretrizes garantem consistência em todos os pontos de contato.

Cores

Nossa paleta de UI é monocromática — preto, branco e cinzas. Isso cria uma estética limpa, profissional e focada no produto que deixa o trabalho falar por si. Seguindo a abordagem de empresas de IA modernas como OpenAI e Anthropic.

Texto

Primário
#0a0a0a
--text
Secundário
#404040
--text-secondary
Suave
#6b6b6b
--text-muted

Fundos

Fundo
#ffffff
--bg
Superfície
#fafafa
--bg-subtle
Contraste: Todas as cores de texto atendem aos padrões de acessibilidade WCAG AA (proporção de contraste mínima de 4.5:1).

Fotografia e Imagens

Enquanto nossa UI permanece monocromática, nossa fotografia e ilustrações usam a paleta Coral para transmitir calor, humanidade e proximidade. Esta cor é reservada exclusivamente para imagens — nunca para elementos de UI.

Paleta Coral

Usar para: Overlays de fotografia, gradientes, ilustrações, gráficos abstratos, imagens de blog.

#7f1d1d Coral 900
#b91c1c Coral 800
#dc2626 Coral 700
#ef4444 Coral 600
#f87171 Coral 500
#fca5a5 Coral 400
#fecaca Coral 300
#fee2e2 Coral 200
#fef2f2 Coral 100

Guias de Uso

Overlays de Fotografia

Aplicar tons coral como overlays sutis em fotos da equipe e imagens do espaço de trabalho para criar calor.

Gradientes Abstratos

Usar tons coral mais escuros (700-900) para fundos abstratos em posts de blog e conteúdo de pesquisa.

Fundos Suaves

Coral claro (100-200) para fundos de seções sutis que precisam se destacar sem interromper a estética limpa.

Estilo Fotográfico

Espontâneo, não posado Momentos reais de colaboração e foco
Luz natural Iluminação quente e ambiente preferida
Conexão humana Pessoas interagindo, não retratos isolados
Tecnologia como ferramenta Tecnologia presente mas não protagonista
Importante: Coral é apenas para imagens. Elementos de UI (botões, links, texto) permanecem monocromáticos preto/cinza.

Tipografia

Nosso sistema tipográfico usa duas famílias complementares: Inter para todo o texto, e JetBrains Mono para elementos técnicos e rótulos.

Inter — Títulos
Estúdio de Execução de Produtos
Inter — Texto Corrido
Transformamos ideias ambiciosas em produtos lançados. Nossa expertise técnica e abordagem sistemática garantem que sua visão se torne realidade.
JetBrains Mono — Rótulos / Técnico
INICIAR UMA CONVERSA

Voz e Tom

AIQuo comunica com clareza, confiança e calor. Somos especialistas que se preocupam profundamente com o sucesso dos nossos clientes.

Personalidade da Marca

Confiante, não arrogante

Conhecemos nosso ofício profundamente mas mantemos humildade e curiosidade.

Claro, não simplista

Explicamos tópicos complexos de forma acessível sem simplificá-los demais.

Acolhedor, não casual

Somos acessíveis e humanos enquanto mantemos profissionalismo.

Direto, não rude

Vamos direto ao ponto de maneira respeitosa e construtiva.

Princípios de Escrita

Fazer

"Construímos soluções de IA que resolvem problemas de negócio reais."

Evitar

"Alavancamos IA de ponta para revolucionar paradigmas."

Mensagem central: "Somos especialistas que se preocupam." Isso deve transparecer em cada peça de comunicação.

O Hexágono

O hexágono é nosso símbolo visual de execução. Representa estrutura, eficiência e a natureza interconectada do desenvolvimento de produtos.

Por que o Hexágono?

O hexágono aparece em toda a natureza e engenharia como a estrutura ideal para força e eficiência.

  • Seis lados — Representando as disciplinas centrais da execução de produtos
  • Tesselação — Simbolizando como nosso trabalho se conecta e escala
  • Integridade estrutural — Máxima resistência com material mínimo

Tokens de Design

Propriedades personalizadas CSS para implementar o sistema de design AIQuo. Copie-as diretamente para suas folhas de estilo.

Cores de UI

Token Valor Prévia
--bg #ffffff
--bg-subtle #fafafa
--text #0a0a0a
--text-secondary #404040
--text-muted #6b6b6b
--accent #0a0a0a
--border rgba(0, 0, 0, 0.08)

Cores de Imagens (Paleta Coral)

Nome Valor Prévia
Coral 900 #7f1d1d
Coral 700 #dc2626
Coral 500 #f87171
Coral 300 #fecaca
Coral 100 #fef2f2

Pilha de Fontes

Uso Família de Fonte
Títulos e Texto Corrido 'Inter', -apple-system, sans-serif
Rótulos / Técnico 'JetBrains Mono', monospace

Escala de Espaçamento

Token Valor
--space-1 4px
--space-2 8px
--space-3 12px
--space-4 16px
--space-5 24px
--space-6 32px
--space-7 48px
--space-8 64px

Raio de Borda

Token Valor
--radius-sm 4px
--radius-md 6px
--radius-lg 8px