A
A Alquimista
Patamar · Forjador
N4 · Construtor
Fogo92Bigorna74Martelo80
ProfundidadeV · Abundante
SentidoIV · Escolhe
ReaçãoII · Reage
O Sistema de Design · Vol. II
Design
System
O sistema de design da Forja: os fundamentos, leis, cromática, tipografia e gramática, e as peças canônicas, vivas e prontas para uso. Cada uma respira a cosmologia da Forja.
Identidade
Identidade · Marca
A Marca
O sigilo da Forja e o logotipo. O [IA] arde em amarelo: a inteligência dentro do Lendário. Respeite o espaço de respiro; nunca recolora o sigilo (Lei II).
Sigilo
Forja Lendár[IA]
Logotipo
Forja Lendár[IA]
Lockup horizontal
Identidade · Símbolos
Os Símbolos Sagrados
Visão, Ação e Legado, mais a Marca da Forja. Uma vez gravados, são lei. Inimigos jamais os portam.
Visão
enxergar o invisível
Ação
mover sem parar
Legado
o que fica depois
A Marca
o selo do movimento
Identidade · Ambiente
A Atmosfera
A assinatura sensorial (Lei I): sente-se antes de entender. Três camadas permanentes envolvem toda página. Você está respirando elas agora.
Película de Grão
Ruído fractal sutil em overlay (≈5%), sobre tudo. Tira o “digital limpo”: dá textura de pergaminho e ferro batido.
Vinheta Gravítica
Escurecimento radial nas bordas. Centraliza o olhar e dá peso e profundidade de cripta a cada tela.
Brasas em Parallax
Faíscas âmbar e vermelhas sobem em ritmos diferentes: o fogo vivo da Forja, sempre ardendo ao fundo.
Fundamentos
Fundamento · Lei
As Quatro Leis
Invioláveis. Toda peça do sistema responde a elas. Não são estética. São lei cosmológica.
LEI I
O atmosférico precede o decorativo
A pessoa sente antes de entender. Primeiro a gravidade, o mistério, a profundidade. Depois a informação.
LEI II
Símbolos canônicos invioláveis
Visão, ação, legado, mais a Marca da Forja. Uma vez gravados, são lei. Inimigos jamais os portam.
LEI III
Variação dentro da unidade
Cada peça é única: obra, não template. Mas todas pertencem ao mesmo mundo. Reconhecível num segundo.
LEI IV
Lore visível
Quem olha sabe que há história, mesmo sem ler. Cada detalhe carrega mito. O princípio Dark Souls.
Fundamento · Cromática
A Paleta Forjada
Quatro cores de assinatura, herdadas. Seis de profundidade. Toda peça canônica porta ao menos uma das quatro originais.
Quatro de assinatura
Preto Forja
#131109
ferro bruto, bigorna
Bege Pergaminho
#E8DCC4
cinzas, sabedoria antiga
Amarelo Acid
#F6C324
fogo, faísca, visão
Vermelho Sinal
#E63946
alerta, perigo, sombra
Seis de profundidade
Bronze de Forja
#8B6F47
ouro forjado, Lendário
Vermelho Brasa
#8B0000
fogo interno
Verde Pirita
#1F3A2E
falso ouro
Cinza de Cinzas
#4A453E
têmpera
Azul de Aço
#2C3E50
Arquiteto
Ouro Revelado
forja
Lendário integrado
Fundamento · Tipografia
As Três Vozes
Cada registro fala numa voz. A Monumental declara. A Sagrada invoca. A Operacional conduz.
Forjar ou ser forjado
Os Lendários forjam. Na Forja, transmutam o ordinário em extraordinário.
Cada impureza catalogada perde poder no instante em que recebe identidade. O que tem nome pode ser caçado.
Fundamento · Gramática
As Sete Dimensões
Toda peça se posiciona em sete eixos simultâneos. Como atributos de personagem: cada peça é uma combinação única.
1
Atmosfera
sombria ↔ luminosa
Sombras nunca caóticas: organizadas, gravíticas. Como Goya, não como caos.
2
Densidade Simbólica
vazio ↔ saturado
O vazio dá peso ao denso. Respiração é tão canônica quanto saturação.
3
Verticalidade
terreno ↔ celestial
Sombras em plano baixo. Luzes em plano alto. A composição já diz o que é antes de ler.
4
Temporalidade
antigo ↔ eterno ↔ presente
Carrega séculos mesmo sendo recente. Evita o moderno-puro sem peso.
5
Identidade Lendária
Natureza · Clã · Elemento
Cada peça pode sinalizar modo, povo e arena sem reabrir as Camadas aposentadas.
6
Grau no Espectro
sombra absoluta → luz integrada
Cinco graus. A luz integrada ainda carrega a sombra, virada combustível.
7
Função
canônica ↔ operacional
Mesmo um botão respira cosmologia. Nada parece SaaS comum.
Fundamento · Tokens
Tokens de Cor
As variáveis semânticas que toda peça consome. Nunca hardcode um hex: leia do token. Os pretos estratificados dão profundidade; o ouro revelado é o gradiente do Lendário integrado.
--preto
Preto Forja · base
--preto-2
superfície elevada
--preto-3
hover / cartão
--bege
texto pleno · pergaminho
--fg2
texto secundário
--fg3
legendas, notas
--bronze
metadados, kickers
--bronze-claro
line-art iluminado
--amarelo
fogo, faísca, visão
--vermelho-sinal
alerta, sombra
--brasa
fogo interno
--pirita
falso ouro
--cinzas
têmpera, transição
--aco
Arquiteto
--linha-bronze
borda padrão
--linha-fraca
borda sutil / grade
--ouro-revelado
Lendário integrado
--linha-de-fogo
a linha da Matriz
Fundamento · Escala
A Escala Tipográfica
Três famílias, uma por voz: Archivo Black (Monumental), Cinzel (Sagrada) e EB Garamond (Operacional). Títulos fluidos com clamp(); corpo em 17–21px para leitura longa e contemplativa.
H1 · Archivo Black
Forjar
H2 · Archivo Black
A Equação Sagrada
H3 · Cinzel
Os Lendários forjam
H4 · Cinzel
O que tem nome pode ser caçado
Corpo · EB Garamond
Cada impureza catalogada perde poder no instante em que recebe identidade.
Lore · EB Garamond
O ouro não é criado. É revelado.
Kicker · Cinzel
Fundamento · Tipografia
Metadado · Cinzel
Fundamento · Ritmo
Espaçamento & Ritmo
A gravidade generosa do sistema. Tokens-mãe controlam o respiro vertical de toda seção: o espaço entre seções é o dobro do padding interno.
--sec-pad-y · 94px
--sec-pad-y-dense · 62px
--sec-head-mb · 52px
--codex-pad · 32px
--codex-max · 1160px
Fundamento · Texto
Tipografia Inline & Listas
Como o texto corrido se comporta por dentro: ênfase, link, e as listas. O âmbar marca o que importa; o losango ordena sem ruído.
O corpo fala na Voz Operacional. A ênfase tem dois registros: o destaque em pergaminho, que sussurra, e o âmbar sagrado, que declara. Um link inline herda o âmbar e revela um fio de bronze ao toque: nunca azul, nunca genérico.
Listas não-ordenadas portam o losango da Forja:
- O marcador é o mesmo diamante que sela a tabela do Espelho: coesão, não decoração.
- O espaçamento respira: gap entre itens, nunca margens soltas.
- O texto secundário cede ao pergaminho atenuado; o âmbar fica reservado.
Quando há sequência, a ordenada numera em Cinzel com zero à esquerda:
- Reconhecer a impureza: dar-lhe nome.
- Catalogar o eixo em que ela age.
- Forjar a resposta e temperar no fogo.
Componentes
Componente · Ação
Botões & Chamadas
As chamadas à ação da Forja. Contorno em bronze que acende em amarelo ao toque; a variante sólida inverte para preto sobre fogo. Alvos de toque ≥ 44px.
Estados · repouso · hover
Abrir o componente →
Chamada sólida →
Componente · Rótulo
Etiquetas & Distintivos
Os rótulos que organizam e classificam. O kicker abre seções; os distintivos marcam raridade e ameaça: âmbar para o caminho da luz, vermelho para a sombra.
Boss · Fase II
Grau V · Lendário
Ameaça · Alto
Impureza Nº 011
Kicker · abertura de seção
Label de seção
Componente · Estrutura
Divisores
As pausas entre câmaras. A linha simples respira no vão entre seções; a ornamentada sela um capítulo com o sigilo central.
Componente · Navegação
A Barra de Navegação
O rail fixo no topo de toda página: o lockup à esquerda, as rotas à direita. A rota ativa acende em amarelo com moldura. Em telas estreitas, colapsa num menu-gaveta.
Dropdowns revelam as sub-rotas · gaveta deslizante abaixo de 880px · alvos de toque ≥ 44px.
Componente · Voz
Blocos de Citação
A frase-âncora é o coração da Voz Sagrada. Três registros: a declaração monumental, a frase invocada de apoio e a pergunta-chave que fecha um capítulo.
“O ouro não é criado. É revelado.”
Cada impureza catalogada perde poder no instante em que recebe identidade.
“Qual lobo você alimenta?”
Componente · Número
Blocos de Estatística
O número monumental que ancora um fato do universo. Âmbar para a luz, vermelho para a sombra: sempre par número + rótulo em Cinzel.
27Impurezas
9Eixos
5Graus
3Forças
5Bosses
Componente · Apoio
Tooltip & Legenda
Camadas de informação sob demanda. O tooltip revela o estado de um nó ao toque; a legenda flutuante decodifica as cores de um mapa.
Eixo · Presença
Grau V · O Presente
Legenda
Luz · sombra integrada
Graus intermediários
Sombra · impureza
Componente · Sobreposição
Diálogo / Modal
A câmara que se abre sobre a Forja escurecida. Fio de ouro no topo, fecho no alto à direita, foco preso até a escolha. Usado na Matriz e na régua de eixos.
Grau IV · Escolhe
O Sentido
A pessoa escolhe deliberadamente para onde aponta a própria força. A direção deixa de ser herdada. Passa a ser forjada.
Próximo grau →Componente · Orientação
Indicadores de Navegação
As pistas de movimento. A dica de rolagem convida à descida; o profundímetro mostra em qual câmara você está, e leva a qualquer outra.
Desça às profundezas
Peça Canônica · 01
Card de Lendário
A ficha de um membro forjado: retrato em halo de ouro, nível, radar das três camadas e os eixos dominantes. Clique para selecionar.
Estados · repouso · hover · selecionado
R
O Arquiteto
Patamar · Mestre
N5 · Arquiteto
Fogo70Bigorna96Martelo68
CoragemV · Assertivo
RealizaçãoIV · Testa
FocoI · Dispersa
H
O Herói
Patamar · Caçador
N3 · Caçador
Fogo66Bigorna62Martelo94
ReaçãoV · Estoico
PresençaIV · Atento
AceitaçãoII · Desconfia
Peça Canônica · 02
Card de Bestiário
A contraparte sombria do Card de Lendário: sigilo em brasa, classificação de ameaça e a fala típica da impureza.
Nº 011
A Hidra do Excesso
Boss · Fase II
"Mais um projeto não vai me matar. Eu dou conta de tudo."
Nº 002
A Névoa da Confusão
Ameaça · Alto
"Tudo é importante. Tudo é urgente. Por onde eu começo?"
Nº 005
O Zumbi
Boss · Fase I
"Mais um dia igual. Amanhã eu começo de verdade."
Peça Canônica · 03
Sistema de Graus
A raridade de qualquer item, conquista ou peça. Cinco graus, da brasa bruta ao ouro revelado.
Bruto
Temperado
Forjado
Raro
Lendário
I
Minério Bruto
o estado cru, ainda sem forma
II
Temperado
passou pelo primeiro fogo
III
Forjado
tem forma e função
IV
Raro
poucos chegam aqui
V
Lendário
ouro revelado, sombra integrada
Aprendiz
os primeiros fogos
N1 – N2
Forjador
domina a bigorna
N3 – N5
Mestre
forja os próximos
N6 – N7
Peça Canônica · 04
Família de Ícones
Os nove eixos, em glifo monoline autoral. Alterne entre o polo de sombra e o polo de luz de cada eixo.
Peça Canônica · 05
Roadmap da Jornada
A trilha de níveis de um membro: o que já foi forjado, o que está na bigorna agora e o que ainda dorme no minério.
N1
Sobrevivente
Forjado
N2
Aprendiz
Forjado
N3
Caçador
Forjado
N4
Construtor
Na bigorna
N5
Arquiteto
Por forjar
N6
Vanguardista
Por forjar
N7
Mestre
Por forjar
Forjado
Na bigorna · atual
Por forjar
Peça Canônica · 06
O Eixo do Espectro
Cada eixo é um vitral vertical: a luz integrada no alto, a sombra na base, cinco graus de transmutação entre elas.
Luz · Sombra Integrada
O Presente
"vive cada instante com intenção"
I
II
III
IV
V
Sombra
O Zumbi
"vive no piloto automático"
Eixo da Presença. Os cinco graus: da Sombra Absoluta (I) à Luz Integrada (V). A luz nunca apaga a sombra: a transforma em combustível.
Biblioteca
Os 45 Ícones
Nove eixos × cinco graus. A fonte única partilhada com a Árvore da Forja: editar um ícone aqui reflete lá.
Componente · Estados
Estados & Espera
Os estados que toda interface esquece: a lista vazia, a falha, a espera. Endurecidos no Vol. III: moldura dupla na voz sagrada, brasa pulsando no minério, e o corte controlado quando quebrar não serve.
Vazio · Falha
Nenhum minério
A forja aguarda matéria
Estado vazio canônico: quando uma lista ou seção ainda não tem conteúdo. Âmbar sagrado, moldura dupla, chamada opcional.
Falha na têmpera
O fogo não respondeu
Variante sombra para erro/falha: vermelho-sinal no lugar do âmbar (Lei II: o inimigo jamais porta o ouro sagrado).
Carregando · Skeleton
Truncagem · Uma, duas, três linhas
truncate
O Acumulador do Saber, Boss do Eixo da Avareza
Reticências em uma linha para o título; descrição grampeada em duas, sem variar a altura entre cartões vizinhos.
clamp-3
A Névoa
Grampo de três linhas: o texto segue muito além do que cabe, mas o navegador encerra com reticências no fim da terceira, mantendo a grade alinhada coluna a coluna.
palavra-monstro
forja-lendaria-identificador-de-cartao-muito-longo
Mesmo um identificador sem espaços é cortado quando marcado para truncar, ou quebra com graça no corpo (overflow-wrap global).
A prova viva destes estados sob entrada extrema vive em A Prova de Fogo (Cânone): palavra-monstro, imagem perdida, movimento reduzido.
Componente · Alternador
Controle Segmentado
A escolha entre poucos estados mutuamente exclusivos: polo, visão, grau. O segmento ativo acende em âmbar; a variante sombra responde em vermelho-sinal. Generaliza o alternador da Família de Ícones.
Componente · Imagem
Tratamento de Imagem
Nenhuma foto entra crua. A placa se assenta na forja: moldura dupla, véu de vinheta e, quando preciso, a lavagem âmbar/brasa que puxa os cinzas neutros para o tom do universo. Onde não há arte, o veio de minério segura o espaço.
Neutra · moldura + véu
Quente · lavagem âmbar/brasa
Veio de minério
·
retrato 4 : 5 aqui
·
retrato 4 : 5 aqui
A moldura interna flutua a 9px da borda; o véu escurece o topo e os cantos para a leitura. Reaproveitado pelo Bestiário, pelo Fundador e pelas fichas de Classe.
Componente · Erro
Página de Erro · 404
Errar é perder-se nas profundezas: a brasa apaga e o nó do Legado se rompe. O número arde em vermelho, mas as saídas seguem em âmbar. A fornalha nunca fecha. Reusa o hero, o sigilo e o mapa de leitura.
Erro 404 · O Caminho Esfriou
Nem todo caminho leva ao ouro. Este esfriou antes de chegar, mas a fornalha segue acesa.
A página viva é 404.html: hero em tela cheia, brasas e o nó rompido em SVG.
Formulários
Formulário · Entrada
Campos de Texto
O que se digita fala na Voz Operacional; o rótulo, na Sagrada. Canto reto, linha de bronze, e o foco que acende em brasa âmbar. Três estados de validação: repouso, sucesso e falha. Alvos ≥ 52px.
Formulário · Escolha
Seleção & Escolhas
Escolher entre muitos: o seletor com a seta forjada em bronze. Entre poucos: a caixa de ferro marca várias; o losango concêntrico marca uma só. Tudo em canto reto.
Eixos em que você age · vários
Qual lobo você alimenta? · um só
Formulário · Interruptor
Interruptores
O liga-desliga de uma escolha binária. Retangular como tudo na Forja; o cursor desliza de bronze apagado a âmbar aceso.
Formulário · Composto
O Formulário Completo
Os campos reunidos numa câmara: fio de ouro no topo, rótulos na Voz Sagrada, e a chamada canônica que sela a entrada. O modelo para inscrição, contato e captação.
Entrar na Forja
Declare sua posição
Elementos Compostos
Composto · Cabeçalho
Cabeçalho Bipolar
A abertura do Espelho: os dois destinos frente a frente, separados pelo selo da divisa. A sombra recua, a luz avança.
Medíocre
×
Lendário ∞
Composto · Contraste
O Painel Claro · Folha
A banda de pergaminho que inverte o sistema, tinta sobre bege, para criar respiro e ritmo. Reskina os tokens dentro do próprio escopo, sem tocar no resto. Traz aba-índice âmbar e veladura de papel pautado.
I
Pilar I
Inteligência e
Inteligência e
Autoconhecimento.
Tudo começa pela inteligência, somada ao autoconhecimento: a fome de evoluir e de se conhecer a fundo.
Os três pilares são inseparáveis. Se um falta, o ouro não se revela por inteiro.
Composto · Diagrama
O Mapa dos Dois Ciclos
A mesma força, dois sentidos. Anel direcional de seis nós com o triângulo dos três pilares no centro: vermelho gira no ciclo vicioso, âmbar no virtuoso. Gerado por forja-ciclos.js a partir de uma config.
Composto · Tabela
A Tabela Comparativa
O autoexame linha a linha: a ação medíocre à esquerda, a lendária à direita. Losango cheio para a luz, contorno para a sombra. Lê-se como espelho.
O Medíocre
∞O Lendário
Usa desculpas.
Usa IA a cada 30 min.
Culpa os outros.
Assume responsabilidade.
Entrega o mínimo.
Entrega mais do que o esperado.
Evita qualquer risco.
Assume riscos calculados.
Sonha pequeno.
Sonha grande.
Vive sem direção.
Tem propósito claro.
Composto · Cartão-Caixa
As Caixas da Matriz
A célula da matriz espelhada: ícone gravado, grau, nome e doutrina. Medíocre à esquerda da divisa, Lendário à direita: gêmeos de mesma escala, direção oposta. Abrem em diálogo na página do Espelho.
Grau I · Pessoal
Medíocre Interno
A Sombra venceu dentro de si.
Grau I · Pessoal
Lendário Interno
Forjou a si e mantém o ouro puro.
Composto · Interativo
Autoexame Vivo
O medidor dos dois lobos: marque as ações do dia e o ponteiro desliza entre o medíocre e o lendário, com um veredito que muda em tempo real. Diagnóstico, não julgamento.
Que lobo você alimentou hoje?
Marque com sinceridade o que rolou hoje.
Peguei no celular rolando feed sem perceber.
Apertei a soneca ou enrolei para começar o dia.
Reclamei de algo em vez de resolver ou seguir em frente.
Procrastinei a tarefa mais importante e fiz as fáceis primeiro.
Pulei um hábito que me faz bem (treino, leitura, sono).
Disse que ia fazer uma coisa e, no fim, não fiz.
0
ações medíocres hoje
Marque acima para ver de que lado você pendeu hoje.
Composto · Interativo
Eixo Bipolar de Consciência
Os nove níveis de Riso-Hudson num só eixo: sombra à esquerda, luz à direita, centro neutro. Arraste o controle ou clique num nó. Renderer reutilizável (heroi-eixo.js): cada página define seus níveis via window.HERO_EIXO.
sombra
luz
Composto · Diagrama
A Régua do Espectro
Os seis selos figurativos na linha de fogo: do Forjador de Medíocres ao Forjador de Lendários, a escala cresce do centro para fora. Os dois extremos têm o mesmo tamanho. O que decide o destino é o lado, não a força. Clique num selo para abrir a matriz.
Repare nos extremos: os dois selos do grau mais alto têm o mesmo tamanho. O que decide o destino não é o tamanho do fogo, e sim o lado para onde ele aponta.
Composto · Árvore
Mandala dos Nove Eixos
O selo radial da Árvore da Forja: nove raios, cada um indo da sombra (nó interno, vermelho) à luz (nó externo, âmbar). É o emblema da skill-tree completa. A árvore inteira, grande e navegável, vive na própria página.
Estrutura & Página
Estrutura · Ação
Botão Canônico
O botão reutilizável do sistema (.btn): contorno em bronze que acende em âmbar, variante sólida que inverte para preto sobre fogo, e a seta que desliza no hover. Alvo de toque ≥ 48px. Aparece no Manifesto e nas bandas de fecho.
Estados · repouso · hover
Estrutura · Cabeçalho
Cabeçalho de Seção
O andaime que abre toda seção: rótulo (Cinzel âmbar com fio), título monumental e intro operacional. A variante .dark troca o âmbar pelo vermelho-sinal para territórios de sombra.
Fundamento
As Quatro Leis
Invioláveis. Toda peça do sistema responde a elas.
A Escória
As Impurezas
O que o fogo queima tem nome.
Estrutura · Abertura
Família de Heros
Toda página abre com um hero de tela cheia: o glow da forja pulsando, sigilo, título monumental e uma frase-âncora. Cada território tem sua variante. O eco é o mesmo.
Sistema Narrativo · Vol. II
O Códex
da Forja
“A Forja não te transforma em Lendário. Ela queima o Medíocre que esconde o Lendário que você sempre foi.”
.hero
Códex
Glow central, sigilo dos três símbolos, frase-âncora.
.page-head
Design System · Dicionário
Compacto, com o índice de seções logo abaixo.
.man-hero
Manifesto
∞ pulsando e dois botões canônicos.
.bd-hero
Bestiário
Glow vermelho/brasa: território de sombra.
.gdc-hero
Herói
Glow âmbar, retrato-relíquia do arquétipo.
.lvm-hero
O Espelho
Split bipolar Medíocre × Lendário.
Estrutura · Navegação
Índice Lateral · TOC
A coluna fixa do Dicionário: rola junto com a leitura e acende a seção ativa (scrollspy). Recolhe abaixo de 980px. Alvos ≥ 44px.
Estrutura · Encerramento
Banda de Fecho
A seção full-bleed que encerra uma jornada: foto tratada no tom da Forja sob um véu de vinheta + âmbar, frase monumental e os botões canônicos para o próximo passo.
O dever da vigília
Mantenha-se vigilante.
Agora que você conhece o ciclo por inteiro, é seu dever forjar uma vida lendária.
Estrutura · Rodapé
Rodapé
O fecho silencioso de toda página: o sigilo, uma frase-âncora em Cinzel e a linha de metadados. Injetado por forja-boot.js (dado em site.js): igual em todas as páginas.