01-keystone-heritage
Keystone Heritage
A solenidade institucional britânica traduzida para o português: simetria cerimonial, heráldica forte e a pedra-chave como fio condutor.
- Inspirado diretamente no Mark Masons' Hall e na ideia de "The Keystone to Masonic Excellence".
- Organiza Mestre Maçom da Marca e Nautas como ordens cerimoniais, com emblemas e estatísticas.
- Paleta navy royal, carmim heráldico, dourado e pergaminho.
- Tipografia clássica: Cormorant Garamond, Cinzel e Spectral.
01-mmh-ceremonial
Cerimonial Hall
Uma leitura direta do Mark Masons' Hall, com azul real, dourado, faixa institucional, navegação horizontal solene e hero fotográfico.
- Procura sensação de "casa oficial": madura, institucional e solene.
- Usa Merriweather para peso cerimonial e Poppins para navegação e apoio.
- Organiza o conteúdo como jornada de portal: história, princípios, Nautas, eventos, notícias, acervo e documentos.
- Blocos com bordas finas, overlays e cards editoriais.
02-gazeta-editorial
A Gazeta da Marca
O portal vira um periódico institucional impresso: nameplate, dateline, manchete, colunas, capitulares e tinta sobre papel.
- Transforma cada seção em um caderno editorial.
- Usa Playfair Display para manchetes e Lora para corpo de texto.
- Leva ao extremo a ideia de boletim institucional permanente.
- Dispensa dourado: o luxo vem da diagramação e da tipografia.
02-editorial-sao-paulo
Editorial São Paulo
Uma revista/relatório institucional paulistano, com capa forte, grid assimétrico, barra lateral editorial e conteúdo curado.
- Primeira dobra com aparência de capa de publicação.
- Conteúdo institucional tratado como matérias, notas e índice.
- História em colunas, como ensaio editorial.
- Paleta com preto, vermelho, teal e amarelo ácido para fugir do cerimonial previsível.
03-minimal-grotesk
Minimal Grotesk
O contraponto radical à tradição: design suíço-editorial contemporâneo, grotesca gigante, muito branco, hairlines e numeração.
- A página inteira funciona como índice numerado.
- Títulos em caixa baixa transmitem modernidade e calma.
- Quase todo ornamento é substituído por grid, espaço e linhas finas.
- Imagens em preto-e-branco deixam a tipografia comandar a experiência.
03-acervo-vivo
Acervo Vivo
A página principal como exposição digital: percurso por salas, fundo escuro e conteúdo tratado como patrimônio vivo.
- Hero imersivo com brasão e liderança como peças de acervo.
- Navegação por salas: história, princípios, Nautas, eventos, notícias, acervo e documentos.
- História organizada como linha do tempo.
- Eventos e notícias aparecem como registros documentais.
04-cinematic-noturno
Cinematic Noturno
A Marca à luz de velas: portal escuro, imersivo e luminoso, com brasão como fonte de luz e dourado emergindo da penumbra.
- Hero cinematográfico com brasão centralizado, halo dourado e vinheta.
- Cards em vidro fosco e bordas douradas com glow.
- História como timeline vertical luminosa.
- Gradientes radiais criam sensação de profundidade e atmosfera.
04-agenda-fraterna
Agenda Fraterna
Portal claro de consulta frequente, com foco em agenda, notícias, documentos e vida institucional recorrente.
- Primeira dobra com próximo marco, acervo e documentos em destaque.
- História em marcos cronológicos objetivos.
- Eventos com módulo de agenda e memória lado a lado.
- Acervo e documentos pensados como atalhos de uso recorrente.
design1-tradicional
Tradicional Nobre
Atmosfera de solenidade, sofisticação e herança histórica profunda, remetendo à maçonaria de tradição britânica.
- Inspirado no Mark Masons' Hall e em presença institucional imponente.
- Paleta com azul marinho profundo, dourado/mostarda e fundos off-white.
- Playfair Display para títulos e Lato para leitura.
- Layouts de duas colunas e banners com divisores dourados.
design2-minimalista
Modern Minimalist
Estética futurista, limpa e digital, subvertendo a visão conservadora para propor um portal de alta tecnologia.
- Inspiração em dashboards SaaS, glassmorphism e Bento Grid.
- Fundo deep slate com acentos neon/celeste e indigo.
- Outfit para títulos e Inter para interface.
- Pedra-chave central em CSS 3D com anéis orbitais.
design3-editorial
Editorial Neobrutalism
Revista digital de luxo ou jornal cultural de vanguarda, com alto contraste, linhas pretas e tipografia expressiva.
- Inspirado em neobrutalismo, revistas culturais e design editorial europeu.
- Bordas pretas sólidas e sombras duras sem desfoque.
- Fraunces, Space Mono e DM Sans equilibram drama e leitura.
- Interação tátil com botões que parecem afundar.
design4-heritage
Heritage Imersivo
Solenidade acadêmica tradicionalista e imersão histórica em layout split-screen, como manuscrito antigo ou exposição de museu.
- Inspirado em manuscritos maçônicos, trajes da Marca e templos de pedra.
- Vermelho carmesim, dourado envelhecido, pergaminho e carvão.
- Cinzel, Lora e Merriweather reforçam a voz de manuscrito histórico.
- Coluna esquerda fixa no desktop e conteúdo navegável à direita.
05-uat-refinado
UAT Refinado
A versão atual melhorada: mesma linha de cores, mesma solenidade e mesma arquitetura institucional, mas com hierarquia visual mais firme e leitura mais clara.
- Mantém navy, navy claro, dourado e creme da UAT atual.
- Preserva a ordem de conteúdo: início, história, princípios, Nautas, eventos, notícias, acervo e documentos.
- Refina hero, navegação, cards, notícias e acervo sem mudar a identidade de base.
- Usa Libre Baskerville, Manrope e Cinzel para uma presença mais madura e legível.
05-atual-refinada
Atual Refinada
Não é um redesign: é o site atual, impecável. Mantém identidade, paleta e estrutura da UAT, com tipografia refinada e problemas de leitura corrigidos.
- Preserva a paleta real do `globals.css`: navy, navy-light, dourado, creme, texto e bordas.
- Mantém a anatomia do site atual: topo navy, header sticky, hero, atalhos, intro, fundamentos, história, liderança, eventos, notícias e rodapé.
- Remove texto meta sobre o próprio design e substitui por conteúdo institucional.
- Troca Playfair/Source Sans por Fraunces/Inter, preservando Cinzel como assinatura.
design5-melhorado
UAT Melhorada
Evolução direta da interface atual da UAT, buscando sensação de portal conhecido, porém com polimento visual, ergonomia aprimorada e legibilidade otimizada.
- Segue a arquitetura de blocos da UAT: cabeçalho clássico, hero com painel de destaques, atalhos e rodapé informativo.
- Preserva azul marinho, azul royal, dourado/âmbar, fundos claros e branco.
- Usa Playfair Display para títulos e Inter para leitura digital.
- Refina cards, sombras, bordas, espaçamentos e estados de hover.