guima.
SISTEMA VISUAL & MARCA

Design System

A identidade visual, logotipo, paleta cromática e diretrizes de interface da marca pessoal de Gabriel Guimarães.

Versão 1.0 · Outubro 2026 · Cáceres-MT

01. Logotipo Oficial

A marca guima. é uma construção tipográfica moderna em caixa baixa, desenhada com geometria límpida e arrematada por um ponto final em Amarelo Ouro (#E5A910). O ponto simboliza precisão, encerramento de ciclos e a tonalidade quente de iluminação de estúdio do seu perfil pessoal.

Logo guima. versão escura
Logo guima. versão clara
Monograma g.

Regras de Aplicação da Marca

  • Ponto Amarelo Obrigatório: O ponto final nunca deve ser removido ou ter sua cor alterada. Ele é a assinatura cromática da marca.
  • Caixa Baixa Estrita: A palavra "guima" é sempre grafada em minúsculas na logo para preservar o equilíbrio de pesos e a proximidade do design.
  • Área de Respiro: Manter margem livre mínima equivalente ao dobro do diâmetro do ponto amarelo em torno de todo o bloco.
  • Sem Distorções: Jamais esticar, rotacionar, aplicar sombras pesadas ou contornos decorativos na marca.

02. Paleta Cromática

Cores calibradas para criar contraste máximo com atmosfera sóbria e tecnológica. A cor de destaque foi extraída diretamente da foto de perfil oficial no Instagram.

Amarelo Ouro #E5A910 Ponto da marca, luz pulsante, hovers e acentos
Preto Tatame #050507 Fundo absoluto, profundidade e imersão
Preto Superfície #0D0D11 Superfície dos modais e elevação de cartões
Branco Puro #FFFFFF Títulos principais, logo e contraste alto
Cinza Neutro #9CA3AF Descrições, corpo de texto e parágrafos
Cinza Mudo #6B7280 Categorias, kickers, metadados e rodapé

03. Tipografia

Pilha de fontes do sistema com renderização nativa de alta velocidade: SF Pro, Inter, Segoe UI.

Display / H1 · 24px (Bold -0.03em) Gabriel Guimarães
Heading / H2 · 18px (Semi-Bold -0.02em) Operação & Projetos Desenvolvidos
Body / Text · 15px (Regular 1.55) Pai, Marido, Cristão, Faixa Preta e desenvolvendo alguns negócios com tecnologia.
Kicker / Label · 11px (Semi-Bold 0.08em UPPERCASE) PROJETOS QUE DESENVOLVI

04. Filosofia & Interações

Silêncio Confiante

Sem auto-validação, sem números de vaidade ou argumentos forçados. A autoridade vem da sobriedade, da verdade factual e do trabalho entregue.

Disciplina de Tatame

Cada elemento existe por uma razão prática. A animação de fundo em canvas evoca a trama geométrica do tatame e a rede de conexões das alavancas da arte marcial.

Feedback Tátil

Todo elemento clicável reage instantaneamente ao toque com transform: scale(0.985) em :active e transições abaixo de 200ms.