Beje — Sistema de marcav1.0 · 2026

Beje não é
bege.

O nome cria uma expectativa de neutralidade — e a marca a quebra. O bege é o fundo: o mundo onde todas as empresas se parecem. A Beje é o sinal sobre esse fundo. Toda a identidade nasce dessa tensão entre neutro e sinal.

01 — Conceito criativo

01

Be seen

Ser encontrado. Google, SEO, presença e posicionamento.

02

Be different

Parecer diferente. Branding, identidade e direção de arte.

03

Be better

Experiências melhores. Web, tecnologia, performance, conversão.

Assinatura

Be seen.
Be relevant.

02 — Logotipo

Baixar todos (.zip) ↓
Logotipo Beje: be, j com marcador signal, e

Wordmark em grotesca larga, tracking negativo. A intervenção é um único gesto: o marcador sobre o “j” — o ato de destacar, de ser visto. Sem símbolo abstrato: o destaque é o símbolo, e pode viver sozinho como bloco de sinal.

SVG com fundo transparente e letras em contorno · JPEG 2400px com fundo

03 — Cor

Clique para copiar

Regra: signal nunca passa de ~10% da área. Ele aponta, não decora. Nunca signal sobre beje em texto pequeno.

04 — Tipografia

Archivo 800
Display · headlineswdth 105–115 · tracking −.05emCaixa alta, line-height .84–.9
Archivo Regular — corpo de texto claro, técnico e legível em qualquer escala.
Corpo · 15–19pxline-height 1.45–1.5Máx. 52ch
lembradas, escolhidas
Instrument Serif itálicoAcento editorial · 1 palavra por telaContraste humano na grotesca
01 / 02 / 03 · x 482 / y 117
JetBrains MonoMetadados, índices, coordenadas10–12px · tracking .1–.18em

Download das fontes

05 — Layout & grid

  • 12 colunas, gutters generosos, margens de 4vw. Rótulo à esquerda (3 col), conteúdo à direita (9 col).
  • Hairlines de 1px separam blocos — nunca cards com sombra ou raio.
  • Cantos retos: border-radius 0 em todo o sistema.
  • Assimetria controlada: projetos alternam proporção e alinhamento vertical.
  • Espaço negativo como matéria-prima: 14vh entre seções.

06 — Motion & interação

Spotlight

No hero, o cursor é uma luz: revela “Be seen. Be relevant.” dentro de “Existir não basta.” Sem mouse, a luz se move sozinha.

Reveal

Entrada em 900ms, cubic-bezier(.16,1,.3,1), 26px de deslocamento, stagger de 70ms. Uma vez só — nunca repete.

Hover

Pilares deslizam 18px e ganham fundo tênue; mockups escalam 1.03. Resposta, não espetáculo.

Regras

Nada anima sem função. Tudo respeita prefers-reduced-motion. Sem parallax pesado, sem loader falso.