// brand manual

O porquê por trás de cada decisão visual. Nada é estético gratuito.

00

A marca não é decoração. É argumento.

VibingCode. não são dois conceitos colados por acaso. É uma tensão proposital: de um lado o freestyle, do outro a disciplina. De um lado o fluxo intuitivo de quem builda por prazer, do outro a precisão de quem builda porque entende sistemas.

Cada elemento tipográfico carrega esse significado. Nada é estético gratuito. Cada escolha responde a uma pergunta específica.

01

Por que invertido, e não itálico normal?

ITÁLICO TRADICIONAL (não usamos)

Vibing

NOSSO ITÁLICO (invertido)

Vibing

O itálico tradicional inclina para a direita, a inclinação que todo mundo já viu um milhão de vezes. É o padrão. É esperado.

O itálico invertido (inclinando pra esquerda, \ ao invés de /) quebra essa expectativa. Mesmo gesto, na direção contrária de tudo que você já viu.

É exatamente o que a palavra “vibing” representa: não é seguir a régua, é fazer do seu jeito. A tipografia literalmente desobedece a convenção, do mesmo jeito que builders desobedecem o caminho tradicional pra construir por conta própria.

02

Por que verde neon, especificamente?

Code

#00ff88 não é um verde qualquer, é o verde de terminal. O do cursor piscando num shell. O de echo $? retornando 0. O verde universal de “passou no teste”, “build success”, “deploy concluído”.

Quem já passou uma madrugada no terminal reconhece esse verde instintivamente. Não precisa explicar, o cérebro de quem builda já associa a cor a “funcionou”.

Por isso só a palavra “Code” recebe a cor. “Vibing” é processo (branco, neutro). “Code.” é resultado, o output que prova que o processo funcionou. O verde marca a diferença entre tentar e entregar.

03

O ponto final não é pontuação. É comando.

.

Quem já digitou ./run ou rodou um script local conhece esse ponto. No terminal, ele não é o fim de uma frase, é uma instrução de execução. Diz “roda isso aqui, agora”.

Então “VibingCode.” não é só um nome, é lido como um comando que já foi executado. Não é uma proposta, é uma afirmação fechada. Uma sentença que já rodou e retornou sucesso.

04

Os três elementos, juntos.

VibingProcesso. Freestyle. Quebra a convenção.
CodeResultado. Terminal green. “Funcionou.”
.Execução. Comando fechado, não proposta.

A leitura completa: processo não-convencional (Vibing invertido) → que gera resultado provado (Code verde) → e já foi executado com sucesso (o ponto).

💭 A marca inteira é uma frase de terminal disfarçada de logotipo.

05

Três cores. Nada mais.

A identidade primária são três cores. Os neutros abaixo são derivados de superfície. Nunca competem com o verde.

Aa.
#0a0a0avibing-black

Fundo. O breu do terminal. Base de tudo.

Aa.
#00ff88vibing-green

Accent. Terminal green. Só em "Code.", CTAs e sinais de sucesso.

Aa.
#f2f2f0vibing-white

Texto. Branco quente, nunca estéril.

#141414 · panel
#262626 · border
#8a8a86 · muted
06

Monospace pra tudo. Serif só pra respirar.

Primária · JetBrains Mono

Empirical or nothing.

abcdefghijklmnopqrstuvwxyz 0123456789 { } < > / _ $ ; . =

Apoio · Georgia itálico

Não é sobre ter PhD. É sobre construir coisas reais.

Uso restrito: taglines e frases de apoio. Nunca em títulos de produto ou no logo.

07

Regras de ouro. Não quebre.

✓ Sempre

  • “Vibing” branco, itálico invertido (skew 15°).
  • “Code.” sempre verde #00ff88.
  • O ponto final presente, até no favicon.
  • Monospace em tudo; serif só em frase de apoio.

✗ Nunca

  • Inverter as cores: “Vibing” nunca é verde.
  • “Code.” nunca é branco.
  • Itálico tradicional em “Vibing”: anula o conceito.
  • Remover o ponto, mesmo em versão compacta.