Sample 01 — Keystone Heritage
🏛️ 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.
Inspiração obrigatória: markmasonshall.org — a sede dos Mark Master Masons na Inglaterra.
A proposta em uma frase
A solenidade institucional britânica traduzida para o português: simetria cerimonial, heráldica forte e a “pedra-chave” como fio condutor de toda a página.
O que trouxe do Mark Masons’ Hall
- Tagline adaptada. O original usa “The Keystone to Masonic Excellence”. Aqui virou “A Pedra-Chave da Excelência Maçônica no Brasil” — mantendo a metáfora da keystone (pedra-chave), que é o próprio símbolo do Grau da Marca.
- Estrutura “Our Orders”. O site inglês organiza o conteúdo por Ordens. Reproduzi isso: dois cartões cerimoniais lado a lado — Mestre Maçom da Marca e Nautas da Arca Real (Royal Ark Mariners) — cada um com seu emblema e legenda em inglês como nota erudita.
- Faixa de estatísticas. O original exibe números da instituição com destaque. Adaptei para os dados reais: 2006 · 30+ Lojas · 800 obreiros · 400+ anos.
- Heráldica e cor do Grau. O Mark Degree usa azul e vermelho; o brasão usa rouge (vermelho) e argent (prata). A paleta nasce daí: navy royal + carmim heráldico + dourado + pergaminho/argent.
- Layout centrado e simétrico, com filetes
ornamentais duplos (
double border) e o emblema sempre no eixo central — o tom “Grade II listed”, cerimonial e cravado na tradição.
Sistema tipográfico
| Papel | Fonte | Por quê |
|---|---|---|
| Display / títulos | Cormorant Garamond | serifa clássica de alto contraste, lembra inscrições em pedra e o livro antigo |
| Heráldica / labels / nav | Cinzel | letras capitulares romanas — a “voz” cerimonial, herdada do brasão |
| Corpo de texto | Spectral | serifa de leitura confortável, sóbria, para os textos doutrinários |
Paleta
#0b2447 navy royal · #7c1d2b carmim
heráldico · #b58a3c/#cba24f dourado ·
#f6f2e8 pergaminho · #e6e0d0 argent
Disposição (one-page)
Utility bar → masthead centrado com brasão → hero cerimonial com pedra-chave → faixa de estatísticas em “double rule” → Nossas Ordens → Quatro Fundamentos → História em timeline → Princípios (fundo navy) + Paramentos → Nautas (9 cartões numerados em algarismos romanos) → Eventos (feature + sub) → Notícias → Acervo + Documentos → rodapé heráldico.
Emblemas
Todos desenhados em SVG inline (pedra-chave, esquadro & compasso, arca) — nada de imagem externa para os símbolos, garantindo que o arquivo abre e renderiza sozinho.
Standalone
Fontes via Google Fonts (<link>), imagens locais
em ./assets/. Basta abrir o index.html.