23°34′S / SP

v1.0Manual da marca

Nome, assinatura, cores, tipografia, padrões, ícones e ilustração. Tudo o que faz a Rosta parecer a Rosta, do favicon à capa de um artigo.

Logotipo SVG ↓ Logotipo osso SVG ↓ Símbolo SVG ↓

01Nome

barROSo+coSTA=ROSTA

Rosta é um nome inventado a partir de Guilherme Barroso Costa. Pronuncia-se RÓS-ta.

Barro é a matéria moldada à mão; costa é onde a terra encontra o mar. Daí o relevo, as curvas de nível, o céu e os lançamentos.

02Assinatura

Construção

Inter Tight 800 com espaçamento de −6%. O O é substituído por três curvas de nível que sobem em direção a uma estrela: o cume do relevo e o primeiro ponto do céu.

Respiro

Área de proteção igual à largura do símbolo em todos os lados. Nada invade esse espaço.

Tamanho mínimo

Assinatura com 72 px de largura na tela ou 18 mm no impresso. Símbolo sozinho a partir de 16 px.

03Cores

Tinta#0D0D0C
RGB 13 13 12

Fundo principal. 60% da composição.

Osso#EFE9DF
RGB 239 233 223

Texto sobre tinta e papel das seções claras. 30%.

Klein#2B3BFF
RGB 43 59 255

O único acento. Cotas, estrelas, momentos de ignição. 10%.

Areia#E3DCCF
RGB 227 220 207

Fundo secundário para capas e cartões.

04Tipografia

Títulos e texto · Inter Tight

Sites que se comportam como obra.

Acento · Instrument Serif Itálico

uma constelação, um lançamento.

Dados e legendas · JetBrains Mono

23°34′S 46°41′W · T-3 · Cota 04 · ALT 100 KM

05Padrões

Relevo · curvas de nível, uma a cada cinco mais grossa
Céu · estrelas que viram constelação sob o cursor

06Ícones

Estrela
Foguete
Órbita
Cota
Símbolo
Seta

Traço de 1,6 px com pontas arredondadas. Estrela e cota são sempre preenchidas. O foguete leva a chama em Klein.

07Ilustração editorial

Performance · rocketDireção de arte · lighthouseEditorial · towersProcesso · code
  1. Fundo chapado com uma cor da paleta.
  2. Curvas de nível ao fundo, em 28% de opacidade.
  3. Um único motivo desenhado em traço grosso, sempre com uma estrela ou um foguete.
  4. O Klein aparece em um só elemento por capa.
  5. Legenda em JetBrains Mono: número, tema e coordenada.

08Movimento

Ignição

Entradas sobem de baixo, como decolagem, com curva suave de 1,2 s.

Órbita

Movimentos contínuos são lentos e param fora da tela.

Silêncio

Com "reduzir movimento" ativado, tudo aparece parado e legível.

09Não fazer

  • Distorcer, inclinar ou contornar a assinatura.
  • Trocar o símbolo do O por um O comum.
  • Usar o Klein como fundo de texto longo.
  • Aplicar gradientes, sombras ou brilho na marca.
  • Separar o símbolo da assinatura em tamanhos abaixo de 72 px.
  • Colorir palavras dos títulos. O destaque é o itálico, não a cor.