Brand Book & Guidelines

A Marca 100% Joinville

Nossa marca é a representação máxima da excelência, solidez e alto nível do ecossistema cultural e empresarial de Joinville. Ela é premium, imponente e cinematográfica.

Variações do Logotipo

A marca 100% Joinville possui uma construção essencialmente tipográfica. Como o nome carrega o peso institucional, criamos 3 variações (modos) para se adaptar perfeitamente a qualquer layout ou formato de tela.

Horizontal Logo

Assinatura Horizontal

Versão principal e prioritária. Utilizada no topo de sites, cabeçalhos de ofícios e letreiros extensos.

Baixar SVG
Vertical Logo

Assinatura Empilhada (Vertical)

Focada em impressos fechados, crachás, avatares de rede social e layouts onde a largura é limitada.

Baixar SVG
Monocromática

Modo Monocromático (White)

Para aplicação direta sobre fotografias já muito coloridas ou aplicações limitadas a 1 cor (silk, carimbos). O dourado cede lugar ao branco sólido para estabilidade visual.

Diretrizes de Aplicação

Para garantir a legibilidade premium em materiais impressos e digitais, certas regras matemáticas e visuais não devem ser ignoradas.

Área de Proteção

A marca precisa respirar. Defina sempre uma margem de segurança ao redor do logotipo. **Como calcular:** Use a altura da letra "J" da palavra Joinville como medida de margem inquebrável por todos os lados. Nenhum outro elemento gráfico ou texto deve invadir esta área.

Tamanho Mínimo Visível:
Digital: Largura mínima de 120px.
Impresso: Largura mínima de 3cm.

Respiro: 1 "J"
✔ Fundo Escuro Isolado ✔ Respeito à Margem

Aplicações Fotográficas e Fundos

Sendo uma marca com características metálicas (Dourado) e Brancas, ela desaparece em fundos brancos puros. **Sempre aplique o logotipo sobre fundos Dark Mode ou texturas escuras**. Se precisar usar sobre fotos, adicione uma película de escurecimento (`linear-gradient` ou overlay multiplty de no mínimo 50%).

Pattern Escuro (Correto) Aplicação
Fotografia Com Overlay Overlay (Correto) Aplicação

Identidade Escrita e Cromática

Quais fontes formam essa identidade e como as cores refletem nosso glamour institucional.

Optimus Princeps & Cinzel

Para Oficial/Impressos Clássicos: A fonte oficial do desenho conceitual é a OptimusPrincepsSemiBold.
Para a Web Dinâmica: Na aplicação de software e sites, usamos sua equivalência digital licenciada via Google WebFonts: a Cinzel. Ambas são fontes serifadas que transmitem força greco-romana e premiações de mais alto nível.

Inter

Para todos os materiais complementares (parágrafos, subtítulos, comunicados). A Inter traz a pegada "Tech" associada a SaaS e dashboards de alto nível, contrastando modernamente com a fonte principal.

#D4AF37
#FBE6A2
#FF8C00
#1A1230
#0B0616

Central De Arquivos Oficiais

Nós criamos um pacote mestre contendo os Logotipos Isolados (Vetor e PNG), o Selo Comemorativo (Badge), Fontes utilizadas e as pastilhas dos nossos Associados e Destaques para uso em portfólios associados.

⬇ Baixar Pacote de Parceiros/Destaques (.ZIP)
Elementos de Fundo (Backgrounds) | Selo Oficial Destaques PNG | Tipografia Cinzel