Sample 02 — A Gazeta da Marca (Editorial / Broadsheet)
🏛️ Autoria: Claude Opus 4.8 (1M context) · Claude Code Uma das 4 propostas deste agente:
01-keystone-heritage,02-gazeta-editorial,03-minimal-grotesk,04-cinematic-noturno.
A proposta em uma frase
E se o portal fosse um periódico institucional impresso? A página vira um jornal de tradição — nameplate, dateline, manchete, colunas, capitulares e tinta sobre papel.
A ideia de design
O site atual já se descreve como “um boletim institucional permanente”. Levei essa metáfora ao extremo: em vez de cards e botões, o conteúdo se organiza como uma gazeta maçônica — daquelas publicações fraternais do século XIX, mas com diagramação contemporânea.
- Nameplate (cabeçalho de jornal). “A Gazeta da Marca” em Playfair Display 900, com filetes duplos, dateline (“Ano XIX · Nº 001 · São Paulo”) e barra de seções como cadernos.
- Manchete com capitular. A home vira a lead story: título enorme, standfirst em itálico, texto em duas colunas justificadas e drop cap vermelha. Ao lado, um box de “fatos” (fundação, lojas, obreiros) como um fact box de jornal.
- Departamentos. Cada link do menu (História, Princípios, Nautas…) é um caderno, anunciado por um cabeçalho centrado entre filetes — o ritmo clássico de um broadsheet.
- Recursos tipográficos de imprensa: texto em 2–3
colunas com
column-rule, pull quote entre filetes duplos, listas com§, small-caps nos rótulos, papel com leve textura de linhas. - Nautas como “classificados” e Eventos como “Agenda” — reaproveitando a gramática visual do jornal.
Sistema tipográfico
| Papel | Fonte | Por quê |
|---|---|---|
| Nameplate / manchetes | Playfair Display (até 900) | a serifa “didone” clássica de jornal — alto contraste, dramática nos títulos |
| Corpo / colunas | Lora | serifa humanista de leitura longa, confortável em colunas justificadas |
| Rótulos / dateline / seções | Playfair em small-caps + letter-spacing | a “voz” editorial dos cadernos |
Paleta
#f3ecdd papel envelhecido · #1c1a16 tinta ·
#14243f navy de chamada · #9b2226 vermelho de
carimbo. Sem dourado: aqui o luxo é tipográfico, não cromático —
contraste deliberado com os outros samples.
Disposição (one-page)
Topline → nameplate + dateline → barra de cadernos → manchete (lead story 2 colunas + fact box) → Quatro Fundamentos (faixa em 4) → História (3 colunas + pull quote) → Princípios (lista em 2 colunas + box de paramentos) → Nautas (3 colunas tipo classificados) → Agenda/Eventos → Notícias (3 colunas) → Acervo + Documentos → colofão.
Standalone
Fontes via Google Fonts, imagens em ./assets/ (com leve
filtro sépia para o ar de impresso). Abrir o
index.html.