Identidade

Marca & Logo

A marca Carapeto tem um logo mestre e um padrão de sub-marcas para cada app autoral. Estrutura constante: tile verde quadrado com o símbolo, wordmark em Antonio uppercase.

01

Anatomia

Todo logo Carapeto tem 3 partes: tile, símbolo e wordmark.

Carapeto
Gantt
1 · Tile

Quadrado com bordas arredondadas, verde brand, glow ambiente. Nunca circular.

2 · Símbolo

Único por app. Simples, geométrico, funcional.

3 · Wordmark

"CARAPETO" em Antonio uppercase + sub-marca em verde, empilhados.

02

Logo mestre

Usado quando falamos da marca pessoal, sem referência a app específico. Símbolo: letra C dentro do tile.

Wordmark completo
Carapeto
Símbolo isolado (favicon, app icon)

03

Sub-marcas dos apps

Cada app autoral herda a marca mestre e adiciona o seu nome e símbolo próprio.

Carapeto
Gantt
gantt.carapeto.eu
Gestão de projetos e cronogramas.
Carapeto
CV Manager
cv-manager.carapeto.eu
Pipeline de candidaturas e currículos.
Carapeto
Design System
ds.carapeto.eu
Este próprio sistema de design.
Regra de nomenclatura

Toda sub-marca segue o padrão Carapeto {Nome do App}. Nome curto (1 a 2 palavras), descritivo da função, sem prefixos como "app", "tool" ou "hub". Domínio: {app}.carapeto.eu.

04

Variações de dimensão

sm
Carapeto
Gantt
md
Carapeto
Gantt
lg
Carapeto
Gantt
xl
Carapeto
Gantt

05

Área de proteção e tamanho mínimo

Área de proteção, 1× altura do tile
Carapeto
Gantt
Tamanho mínimo, 24px de altura do tile
Carapeto
Gantt

Abaixo deste tamanho, usar apenas o símbolo.

06

Versões cromáticas

Colorida (padrão)
Carapeto
Gantt
Preta sobre branco
Carapeto
Gantt
Monocromática branca
Carapeto
Gantt

07

Aplicações incorretas

Faz
  • ·Manter proporção original entre tile, símbolo e wordmark.
  • ·Usar em fundo escuro sempre que possível.
  • ·Respeitar área de proteção mínima (1× altura do tile).
  • ·Alinhar wordmark verticalmente ao centro do tile.
  • ·Usar Antonio Bold uppercase no wordmark.
Não faz
  • ·Esticar, distorcer ou rodar o logo.
  • ·Trocar as cores individuais das partes.
  • ·Usar tile circular ou com outros formatos.
  • ·Colocar sobre fundos que reduzam o contraste abaixo de 4.5:1.
  • ·Adicionar sombras, contornos ou efeitos além do glow definido.
  • ·Alterar a fonte do wordmark (Antonio é obrigatório).