01 / 03
- Case Number
001- Subject of Record
- THE OFFSIDE
- Record
- THEOFFSIDE.CLUB
- Status
- STAGING
- Classification
- WEB
The Offside
IDENTITY05 SW
Uma nova identidade e um produto editorial bilíngue para uma publicação independente de futebol. Tipografia monumental, fotografia de arquibancada e um sistema verde, osso e vinho colocam a cultura do futebol no centro.
Direção de marca, design editorial e implementação full-stack do novo site, incluindo rotas bilíngues, leitura e movimento autoral.
Novo site OFFSIDE, edição de staging.
CUE 01CONSTRAINT
Futebol Além do Placar
O ponto de partida é uma publicação sobre as pessoas, os lugares e os objetos ao redor do futebol. Um placar não expressa esse universo. A nova identidade parte das letras da arquibancada, dos programas impressos e da escala de um cartaz esportivo.
Reconstruí a experiência pública a partir dessa posição editorial: uma capa que dá a mesma autoridade ao texto e à fotografia, um capítulo de cultura com espaço para movimento e histórias confortáveis de ler.
CUE 02SYSTEM
Letras Com Personalidade
O lettering fornecido é a identidade principal. As letras comprimidas e a bola em vinho permanecem um único desenho multicolorido, sem máscaras nem reconstrução tipográfica. O verde-garrafa dá voz à publicação, o osso abre o campo de leitura e o vinho registra datas, ações e detalhes esportivos. Assinaturas e versões enquadradas têm funções próprias.
CUE 03EXPERIENCE
Uma Capa Que Abre Para a Cultura
PP Monument Narrow conduz títulos e aberturas. GT Super Text assume a prosa, Unica77 cuida da interface e Druk dá peso próprio aos números esportivos. Essa hierarquia permite passar de uma grande declaração cultural para uma página silenciosa de leitura sem perder a identidade da publicação.
CUE 04CRAFT
Continuidade Sem Atrasar a História
GSAP e uma instância persistente de Lenis coordenam a capa, os capítulos fotográficos e as passagens entre rotas. A imagem selecionada leva seu enquadramento para a próxima superfície; menus e páginas utilitárias usam gestos mais curtos. Em telas estreitas, as imagens ficam diretamente acessíveis; a preferência por movimento reduzido mantém o conteúdo disponível.
CUE 05OUTCOME
A Nova Edição, em Staging
Este caso documenta o novo site em seu endereço de staging. A aplicação Vinext e Cloudflare preserva rotas editoriais bilíngues e separa conteúdo publicado de demonstrações de futebol e serviços comerciais. A nova edição é a referência deste registro; o antigo brasão e a identidade dourada deixam de ser a evidência visual.
STACK
- APPLICATIONVinext / React / TypeScript
- DATASanity content contracts
- INFRASTRUCTURECloudflare Workers / R2 media contracts
- TOOLINGGSAP / Lenis / Tailwind CSS
- TESTINGVitest / Worker route checks
END OF TAPE