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.

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.