VENTUNO ← voltar ao site

Manual da marca · v1

VENTUNO

021 é o código de área do Rio de Janeiro. Ventuno é vinte e um em italiano. A marca é o encontro dos dois: dois algarismos que dizem de onde a pessoa veio e onde ela trabalha, sem precisar de legenda em nenhum dos dois lugares.

Rio de Janeiro · Cuneo Marca única, sem endosso Fonte: 21.svg

01

O corte é a marca

documentado

O 21 deriva da Swiss 721 Cn BT Bold Italic, e a única intervenção feita sobre a letra é também a coisa mais importante da marca: um corte horizontal reto no topo da base do “2”.

A barra que fecharia o “2” na linha de base foi removida. O pé do “1” também. Os dois algarismos terminam retos na mesma linha, e é isso que faz a marca parecer que continua para fora do quadro em vez de terminar dentro dele.

0 1325,95 902,28 — a linha do corte

A marca já vem cortada. Nunca recortar de novo.

O arquivo 21.svg é o desenho final: o corte está nas curvas, não no enquadramento. Aplicar uma sangria por cima dele come parte do desenho e destrói a proporção — o “2” perde a diagonal e o “1” encurta.

Quando a marca for usada dentro de uma caixa, a base dela encosta na borda de baixo. Não passa, não sobra.

02

Construção

documentado

Todas as medidas em unidades do desenho, onde a altura do “2” é 902,28. Proporções, não milímetros — a marca escala sem tabela.

MedidaUnidadesRelação
Largura total1325,95146,96% da altura
Altura do “2” (até o corte)902,28a referência: 100%
Altura do “1”898,0099,5% — o “2” transborda 4,28 no topo
Largura do “2”686,3076,1% da altura
Largura do “1”478,7053,1% da altura
Vão entre os algarismos161,0017,8% da altura
Haste190,0021,1% da altura, constante
Ângulo do itálico11,68°nas curvas, nunca por transformação

Duas medidas que não são acaso

A haste mede 190 em toda a altura. Medi em quatro alturas diferentes e o valor não varia um décimo — o traço não afina, e é isso que segura a marca legível a 16 px.

O “2” é 4,28 unidades mais alto que o “1”. É transbordo tipográfico: o topo curvo do 2 ultrapassa a linha de altura de propósito, porque uma curva que para na mesma linha de uma reta parece mais baixa. Corrigir esse desnível estraga a marca.

03

As três versões

documentado

A escolha é pelo fundo, nunca pelo gosto.

Aberta, ameixaFundo claro: papel, assinatura de e-mail, documento.
Aberta, brancaFundo escuro: o site, apresentação, slide.
CaixaFundo que você não controla: favicon, avatar, ícone, foto.

A caixa é a única versão que sobrevive a qualquer coisa por trás dela, e é onde o corte faz mais trabalho: a base do 21 encosta na borda de baixo e a marca parece sair do quadro. As abertas são o símbolo; a caixa é o lockup.

04

Cor

documentado

Duas cores fazem trabalhos opostos e nunca se encontram: o ameixa é a cor da marca no papel, o lima é a linguagem do site. A marca em si nunca carrega cor própria — ela é monocromática por regra.

Ameixa#551A55A cor da marca. Papel, assinatura, documento.
Lima#C8FF00Acento do site. Nunca na marca.
Noite#0A0A0BFundo do site.
Papel#F6F5F2Fundo claro, documento impresso.

O ameixa foi escolhido contra o azul

O critério foi “roxo sem azul, com leve tom de vinho”. Um índigo (#2E3092) foi testado e recusado por puxar para o azul. O ameixa fica em 300° de matiz — o ponto onde o roxo já saiu do azul mas ainda não virou bordô.

05

Respiro e tamanho mínimo

proposta

Isto ainda não estava definido. É proposta, derivada da geometria da própria marca — se você mudar, vira regra.

RespiroUma largura de haste (21% da altura) nos quatro lados. A medida sai da marca, então escala junto.
Mínimo, aberta64 px de largura em tela, 18 mm em papel.
Mínimo, caixa32 px. Abaixo disso o vão entre os algarismos fecha.

06

Usos indevidos

proposta

Seis maneiras de estragar a marca. As duas primeiras são as que realmente vão acontecer.

✓ Correto

Proporção original, cor sólida, o corte como veio.

✕ Nunca

Recortar de novo. O corte já está no desenho.

✕ Nunca

Esticar ou achatar. A proporção 1,47 é a marca.

✕ Nunca

Inclinar mais. O itálico de 11,68° já está nas curvas.

✕ Nunca

Pintar de lima. O lima é do site, não da marca.

✕ Nunca

Sombra, brilho, gradiente ou contorno.

07

Tipografia

documentado

Três cortes, cada um com um trabalho. A marca não usa nenhum deles — ela é desenho, não texto.

Uma pendência honesta

O 21 são hoje dois algarismos de uma fonte licenciada, com uma modificação — o corte. Isso é o suficiente para ser seu desenho? Para uso comercial, sim. Para registro de marca, é frágil: órgãos costumam exigir distintividade, e “dois números numa face comercial” se sustenta mal.

Duas coisas a fazer antes de registrar: conferir o EULA da Bitstream/Monotype quanto a uso em logotipo, e considerar uma segunda intervenção na letra — o ângulo do terminal do “2”, o corte da bandeirola do “1”, ou um vão travado que não é o da fonte. Uma só já basta para mudar de “composto em” para “desenhado a partir de”.

08

Os arquivos

documentado

Existe uma definição da marca: 21.svg. Tudo o mais é gerado a partir dela.

ArquivoFormatoUso
21.svgvetorMestre. Curvas em #373435 — trocar pela cor certa ao aplicar.
assets/marca/favicon.svgvetorFavicon: lima sobre noite.
assets/marca/ventuno-21.png240 × 240Caixa ameixa, 21 branco. Assinatura, avatar.
assets/marca/ventuno-21-aberto.png272 × 188Aberta ameixa. Assinatura de e-mail.
marca/ventuno-21-branco.png272 × 188Aberta branca, para fundo escuro.
marca/render-png*.htmlfonteGera os PNG. Enquadramento por coordenada, não por flexbox.

No site a marca é SVG embutido com currentColor, não imagem: nítida em qualquer tela e a cor decidida por CSS.