Sample 04 — Noturno (Cinematic / Dark Luxe)

🏛️ 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

A Marca à luz de velas: um portal escuro, imersivo e luminoso, onde o brasão brilha como única fonte de luz e o dourado emerge da penumbra azul-meia-noite.

A ideia de design

Os graus maçônicos acontecem em templos de baixa luz, com detalhes dourados que reluzem. Quis capturar essa atmosfera cerimonial e premium em tela — o oposto cromático do sample da Gazeta (claro/papel) e do Minimal (branco). Aqui o protagonista é a luz: glows, vinhetas e vidro fosco criam profundidade e solenidade.

Hero cinematográfico. O brasão centralizado pulsa com um halo dourado (animação suave), título em serifa elegante, vinheta radial escurecendo as bordas — abertura de filme.
Glassmorphism. Cards em vidro fosco translúcido (backdrop-filter: blur) com bordas douradas que acendem no hover (box-shadow com glow) — sensação tátil e luxuosa.
Linha do tempo vertical luminosa. A História vira uma timeline com fio dourado em gradiente e nós que brilham — narrativa que conduz o olhar de cima a baixo.
Fundo vivo. Gradientes radiais fixos (dourado + azul) dão a impressão de luz ambiente, sem pesar a leitura.
Nav que materializa no scroll, micro-interações de elevação, eyebrows em Cinzel — detalhamento de produto digital sofisticado.

Sistema tipográfico

Papel	Fonte	Por quê
Display / títulos	Marcellus	serifa de inscrição, elegante e arejada — distinta da Cormorant do sample 01
Corpo de texto	Jost (300/400)	sans geométrica leve e moderna; o ar “premium contemporâneo” que contrasta com a serifa
Rótulos / brasão / nav	Cinzel	as capitais cerimoniais, usadas com parcimônia como acento dourado

Paleta

#060b18 azul meia-noite · #0a1326 painel · #e2c275 dourado luminoso · #9aa3b6 texto suave. O dourado é tratado como luz, não como tinta — daí os glows e text-shadows.

Disposição (one-page)

Nav fixa translúcida → hero com brasão pulsante e vinheta → faixa de estatísticas em vidro → Nossas Ordens (2 cards glow) → Quatro Fundamentos → História (timeline vertical luminosa) → Princípios (6 cards glass) + Paramentos → Nautas (9 cards glass) → Eventos (feature cinematográfico) → Notícias → Acervo + Documentos → rodapé com brasão brilhante.

Standalone

Fontes via Google Fonts, imagens em ./assets/ (com opacidade reduzida para integrar à penumbra), um pequeno <script> para a nav no scroll. Abrir o index.html.