Web Hero Sports — Brand Guidelines
Ed. 01 / MMXXVI
Web Hero
Sports.
Identidade visual Volume 01 / 09
Categoria — Web design para atletas
Diretor de arte — Arthur Trigueiro
Documento — Manual aberto / 7 capítulos
01/
Capítulo um — Posição

Talento sem endereço se perde na multidão.

Web Hero Sports não é uma marca de tecnologia. É uma editora de carreiras esportivas em formato digital. Construímos, com método, a página que coloca o jovem atleta no lugar onde técnicos, olheiros e patrocinadores procuram — e que, por isso, transforma "jogador promissor" em nome.

Cada atleta tem um capítulo que o algoritmo nunca vai contar. A nossa função é construir o lugar onde esse capítulo se publica — e fica.

Acreditamos em disciplina aplicada à imagem. O atleta que treina dobrado merece o site que treina dobrado também: rápido, claro, escrito com cuidado, projetado para resistir ao primeiro print de WhatsApp tanto quanto à tela do diretor de futebol de base.

Não imitamos clubes europeus. Não copiamos templates de freelancer. Cada página é uma edição numerada, com nome, sobrenome e história — porque é assim que um atleta vira instituição, e não personagem. Fundação primeiro. Glamour depois.

03/
Capítulo três — Cor

Tinta de impressão, não pixel.

Cinco cores calibradas como tinta de revista. Carbono e osso fazem o sistema respirar. Cinábrio é o único acento ativo — usado com economia, sempre como "o momento". Estádio e concreto sustentam os neutros sem competir.

01 / Primária
Carbono
HEX #0E0E0C
RGB 14 · 14 · 12
CMYK 70 · 65 · 75 · 90
Pantone Black 6 C
02 / Luz
Osso
HEX #F2EBDC
RGB 242 · 235 · 220
CMYK 4 · 5 · 14 · 0
Pantone 9143 C
03 / Acento
Cinábrio
HEX #B8332B
RGB 184 · 51 · 43
CMYK 17 · 88 · 88 · 5
Pantone 1797 C
04 / Suporte
Estádio
HEX #1F3A2E
RGB 31 · 58 · 46
CMYK 78 · 50 · 75 · 60
Pantone 5535 C
05 / Neutro
Concreto
HEX #8A8378
RGB 138 · 131 · 120
CMYK 45 · 42 · 50 · 17
Pantone Warm Gray 8 C
Combinações aprovadas
100m
livres.
Carbono · Osso
Vai pra
cima.
Cinábrio · Osso
Página
oficial.
Osso · Carbono
Tempo
regulamentar.
Estádio · Osso
Atleta
do mês.
Osso · Cinábrio
Manchete
de virada.
Carbono · Cinábrio
Proporção 60/30/10Carbono ou Osso ocupa 60% da composição. Suporte (estádio/concreto) ocupa 30%. Cinábrio fica em 10% — sempre.
CinábrioReservado a títulos curtos, marcadores de lista, régua-herói, números de capítulo e CTAs. Nunca em blocos longos de texto corrido.
AcessibilidadeCarbono sobre Osso: AAA. Cinábrio sobre Osso: AA grande. Cinábrio sobre Carbono: AA grande. Não usar Concreto sobre Osso para texto.
04/
Capítulo quatro — Tipografia

Três famílias, uma autoridade.

Big Shoulders Display traz a cadência de placar de estádio sem virar Bebas Neue de academia. Fraunces dá o lastro editorial — corpo de texto que aceita ler com calma. JetBrains Mono carrega os dados com cara de scout report. Juntas, formam uma hierarquia que respira sozinha.

Display · Títulos
Big Shoulders Display

Sans condensado heavy, herança de design esportivo americano. Use sempre em maiúsculas para títulos, números grandes e manchetes. Pesos 700, 800 e 900.

700800900
Atleta. Página. Ponto.
Texto · Editorial
Fraunces

Serifa moderna variável com personalidade. Aceita corpo de texto, citação e itálico expressivo. Pesos 400 e 500. Itálico reservado para ênfase emocional, nunca decorativa.

400 Regular500 Medium400 Italic
"O atleta do futuro não é descoberto — ele é encontrado, porque construiu o lugar onde se procura por ele."
Mono · Detalhes técnicos
JetBrains Mono

Monoespaçada de leitura limpa para fichas técnicas, legendas, datas, números de série, créditos e marcadores de capítulo. Sempre maiúsculas com tracking 0.18–0.32em.

400500700
CAP. 04 / TIPOGRAFIA
EST. MMXXVI · SÃO PAULO
REF. ATLETA-007 · SUB-17 · LATERAL DIR.
URL. WEBHEROSPORTS.COM/RAFAEL-LUCAS
H1 / MancheteVai jogar onde?96 / .92
H2 / SeçãoPágina oficial do atleta48 / .95
H3 / BlocoConquistas e estatísticas24 / 1.0
BodyA página é entregue em até cinco dias com domínio próprio, hospedagem do primeiro ano e bio escrita sob medida.17 / 1.55
CaptionEST. MMXXVI · BRASIL · TODOS OS DIREITOS12 / 1.4
05/
Capítulo cinco — Elementos auxiliares

Grid, números, silêncio.

Os elementos auxiliares reforçam a ideia de fundação: arquibancada, podium, régua de campo. O sistema é construído em cima do silêncio — generoso, deliberado — interrompido por um único marcador campo por composição.

05.1 — Grid de fundação

Quatro colunas, alturas progressivas como uma arquibancada vista de lado. A última coluna é sempre a mais alta — o pódio — apoiada na régua-herói em campo.

05.2 — Tratamento de números
01/09 Capítulo · um de nove

Numerais em Big Shoulders 900, separados por barra fina em Big Shoulders 400. Apenas o dígito ativo recebe campo. Caption sempre em mono uppercase com tracking largo.

05.3 — Listas e marcadores
  • Página de atleta com domínio próprio
  • Bio escrita sob medida em português
  • Galeria de mídia otimizada para celular
  • SEO no nome do atleta — Google primeiro
05.4 — Mood fotográfico
Vestiário · pré-jogo
Grão alto · P&B
Banco de reservas
Estádio · luz baixa
Treino solo
Osso · contraluz

Preto-e-branco com grão analógico, único estouro de cor (campo). Privilegiar momento de espera — vestiário, banco, alongamento — em vez do gol gritado. Referências: Placar dos anos 80, Annie Leibovitz para SI, ensaios da Magnum.

06/
Capítulo seis — Aplicações

Da tela ao vestiário.

Nove aplicações que demonstram o sistema em circulação real. Cada peça respeita a régra do silêncio: um único acento campo por composição, hierarquia editorial clara, mono para os dados, serifa para o tom humano.

06.1 — Papelaria

Cartão de visita

Frente em osso com a hierarquia editorial padrão e régua-herói no canto inferior. Verso em carbono com o monograma protagonista e selo cerimonial.

Formato
85 × 55 mm
Papel
Pólen 300g
Acabamento
Hot-stamp campo na régua
Arthur
Trigueiro.
Web designer · Web Hero Sports
WH
arthur@webherosports.com
+55 11 9·····-····
webherosports.com
Web Hero
Sports.
— Páginas oficiais para atletas · Est. MMXXVI —
06.2 — Redes profissionais

Capa de LinkedIn

Banner panorâmico em carbono com o lockup horizontal à esquerda, manchete editorial centralizada e ficha técnica em mono à direita. A régua-herói faz o trabalho de horizonte.

Formato
1584 × 396 px
Uso
Perfil de Arthur Trigueiro
WH WEB HERO SPORTS
Páginas oficiais
para jovens atletas.
Arthur Trigueiro
São Paulo · Brasil
Est. MMXXVI
06.3 / 06.4 — Mídias sociais

Instagram · Feed e Story

Post quadrado em osso anuncia a abertura de turma; story em carbono divide a tela com a régua-herói horizontal. A intenção é parecer manchete de jornal esportivo, não anúncio pago.

Feed
1080 × 1080
Story
1080 × 1920
WEB HERO SPORTS — OFICIAL
Vagas
abertas:
só vinte
atletas.
Lote 01 · MMXXVI WH
WHS · OFICIAL 01 / 03
Sua página
profissional
começa
quinta.
Lote 01 — só 20 vagas. Saída do briefing: 04 de maio.
Inscrição → arrasta pra cima
06.5 — Cerimonial

Certificado de conclusão

Para atletas que completam o programa de página oficial e o ciclo de orientação. Editorial-cerimonial: mono para a marca de origem, display para o título, serifa itálica para o corpo.

Formato
A4 horizontal · 297 × 210 mm
Papel
Reciclato 240g
Web Hero Sports — Edição I Doc. nº WHS·2026·007
Certificado de Conclusão

Página oficial
do atleta.

Atestamos que o atleta abaixo concluiu o ciclo de fundação e mantém presença digital ativa sob os critérios editoriais desta casa.

Rafael Lucas da Silva

Modalidade: Futebol · Categoria Sub-17 · Lateral direito

Arthur Trigueiro
Diretor de arte
WH
São Paulo
30 · 04 · MMXXVI
06.6 — Conteúdo

Slide de abertura · aula

Tela inicial das aulas e mentorias. Mono no topo para metadados, display heavy no centro com a manchete da aula, campo isolado no marcador de capítulo.

Formato
16 : 9 · 1920 × 1080
WEB HERO SPORTS · MENTORIA 01 04 · 05 · MMXXVI
Aula 01 / Fundação
Por que olheiros
não te encontram —
e como inverter isso
em 30 dias.
Conduzida por Arthur Trigueiro WHS · 01 / 09
06.7 — Identidade digital

Favicon e app icon

Ícone reduzido ao monograma sobre carbono. Em tamanhos abaixo de 32px, a régua-herói é omitida e a letra "H" recebe ajuste óptico. Em app icon (256+), o selo cerimonial reaparece.

Tamanhos
16 · 32 · 64 · 128 · 256
WH
WH
WH
WH
WH WEB HERO SPORTS — MMXXVI —
06.8 — Correspondência

Assinatura de e-mail

Bloco em osso, divisor carbono, hierarquia mono/display. Não usa imagens — apenas tipografia, para sobreviver a clientes de e-mail que bloqueiam mídia externa.

Largura máx.
540 px
06.9 — Merch

Camiseta · monograma

Camiseta em carbono ou osso, monograma centralizado em silk a 4cm abaixo da gola, etiqueta interna mono com número da edição. Tiragem limitada de 30 unidades por edição.

Tiragem
Edição 01 · 30 un.
Tecido
Algodão pesado 220g
WH — EDIÇÃO 01 —
Camiseta carbono · monograma osso
WH — EDIÇÃO 01 —
Camiseta osso · monograma carbono
07/
Capítulo sete — Colofão

Documento aberto.

Este manual é a primeira edição do sistema visual da Web Hero Sports. Ele é vivo: cada nova aplicação tem o direito de pedir ajuste — desde que respeite a régua, o silêncio e a economia do campo.

Tipografia composta em Big Shoulders Display, Fraunces e JetBrains Mono — todas distribuídas via Google Fonts sob licenças abertas. Paleta calibrada para impressão offset com referências Pantone aproximadas; ajustar conforme prova de cor.

Direção criativa, redação e layout por Arthur Trigueiro. Concebido em São Paulo, abril de MMXXVI. Publicado em formato digital único, sem dependência de imagens externas — todos os elementos são vetoriais ou tipográficos.

Para autorizar usos fora deste manual, contatar arthur@webherosports.com. A marca pertence à casa; a página, ao atleta.

Edição 01
São Paulo · MMXXVI
Direção: Arthur Trigueiro
Doc. WHS·BB·001
Aprovado para circulação