Bendita EsperançaEstudo Bíblico & Podcast de Escatologia
Membros

Design System · Observatório & Espectro Profético

Mundo 1 · OficialTokens Semânticos · Claro & EscuroComponentes UI (src/components/ui)

Arquitetura visual e sistema de componentes da plataforma e do Podcast Bendita Esperança. Une a precisão instrumental de um observatório astronómico em Obsidiana Sideral (#0D1117) ao conforto de leitura de uma edição crítica bíblica em Papel Mineral (#F7F6F2).

Explorar Temas EscatológicosVer Linha do Tempo
  1. Primeira vinda
  2. Era da igreja
  3. Grande Tribulação
  4. Volta de Cristo
  5. Milênio
  6. Juízo final
  7. Estado eterno

1 · Identidade Visual & Arquitetura em 3 Pilares

src/components/ui/MarcaBenditaEsperanca.tsx
ASSINATURA PRIMÁRIA · FUNDO OBSIDIANA (#0D1117)

O componente <MarcaBenditaEsperanca /> centraliza a assinatura visual do site e do podcast em um único ponto do código.

PRINCÍPIO DE NAVEGAÇÃO · 3 PILARES

Redução de Carga Cognitiva no Cabeçalho

Em vez de 9 links soltos competindo por atenção, toda a arquitetura de informação está organizada em três pilares semânticos:

1 · Estudo Bíblico2 · Visualizações & Mapas3 · Podcast & Comunidade

2 · Tokens Semânticos de Superfície e Luz

src/styles/tokens.css

Alterne entre o modo Claro (Papel Mineral) e Escuro (Observatório) para inspecionar o comportamento vivo dos tokens abaixo:

Claro: #0D1117Escuro: #07090D
Obsidiana Sideral (Prancha)--ds-hero-bgCabeçalho global, Abertura de Prancha, Eixo Profético e Rodapé.
Claro: #151C26Escuro: #10151E
Superfície do Observatório--ds-hero-surfaceMenus dos 3 pilares, busca rápida no topo e cartões sobre fundo escuro.
Claro: #F7F6F2Escuro: #0B0E13
Chão de Leitura (Papel Mineral)--ds-bg / --chaoFundo principal das páginas de estudo para leitura prolongada sem fadiga.
Claro: #FFFFFFEscuro: #131820
Superfície de Cartão / Prancha--ds-surface / --papelPainéis, faixas do quadro comparativo, tabelas e fichas de citação.
Claro: #EFECE6Escuro: #1C232E
Superfície Pedra Elevada--ds-surface-2 / --superficieCabeçalhos de tabela, estados hover sutis e agrupadores secundários.
Claro: #D98218Escuro: #F09A2B
Luz da Alvorada (Acento / PMH)--ds-accent / --acafraoPosição defendida (PMH), nó ativo do Eixo Profético e ações primárias.
Claro: #FEF3DFEscuro: rgba(240, 154, 43, 0.15)
Alvorada Suave (Fundo Rubrica)--ds-accent-soft / --acafrao-claroDestaques lexicais Strong, barra de lente ativa e avisos editoriais.
Claro: #12151AEscuro: #F2F0EC
Tinta Principal--ds-ink / --tintaTítulos e corpo de leitura exegética (contraste > 15:1 WCAG AAA).

3 · Espectro Calibrado das 7 Posições Escatológicas

[data-sigla="PMH..PIR"]

Cada escola possui um token cromático próprio que alimenta automaticamente --cor-posicao e --tinta-posicao nos selos, nas faixas do Quadro Comparativo e nas pistas da Linha do Tempo.

Pré-milenismo Histórico

PMH
PMH · Selo de Posição--cor-pmh: #D98218

Posição defendida pelo projeto · Luz da Alvorada

Pré-milenismo Dispensacional

PMD
PMD · Selo de Posição--cor-pmd: #3B6286

Azul sideral técnico · Distinção Israel/Igreja

Amilenismo

AMI
AMI · Selo de Posição--cor-ami: #2E6B56

Verde esmeralda patrístico · Milênio presente/simbólico

Pós-milenismo

POS
POS · Selo de Posição--cor-pos: #8C5A2B

Bronze ocre histórico · Expansão gradual do Reino

Preterismo

PRE
PRE · Selo de Posição--cor-pre: #6D4C7D

Ametista sóbrio · Cumprimento no século I

Escatologia Messiânica

MES
MES · Selo de Posição--cor-mes: #2B6F78

Azul petróleo · Restauração das raízes judaicas e Sião

Pós-tribulacionismo / Pré-ira

PIR
PIR · Selo de Posição--cor-pir: #9E3D34

Terracota carmim · Recorte específico sobre a Grande Tribulação

4 · Sistema Tipográfico Tripartido

Archivo · Literata · Cascadia Mono
--ds-font-display / --fonte-letreiro

Archivo Condensada

Voz técnica e cartográfica para títulos de pranchas, cabeçalhos do quadro comparativo, navegação e botões.

--ds-font-serif / --fonte-leitura

Literata Exegética

“Vi um novo céu e uma nova terra, porque já o primeiro céu e a primeira terra passaram.” — Medida travada em 68ch para leitura densa e serena.

--ds-font-mono / --fonte-mono

G3952 · παρουσία

Cascadia Mono tabular para códigos Strong hebraico/grego, referências canónicas, minutagem de podcast e siglas das posições.

5 · Primitivos UI & Aparato Lexical Strong

Botao · Selo · Painel · ChamadaStrong

Variantes de Botão (<Botao />)

Variantes de Selo (<Selo />)

PMH · Posição DefendidaG3952 · parousiaH7620 · shabuaMetadado EditorialAMIPMD