Moodboard · Portfólio · Jorge Mesquita

O Reino
dos Sistemas

Um portfólio contado como a abertura de uma saga: um mapa-máquina onde cada parte da minha trajetória é uma cidade que se ergue diante de quem rola a página.

01

Personalidade

Game of Thrones pela lente de um terminal: a grandiosidade das casas e da abertura mecânica, traduzida em glifos, latão e escuridão.

Mecânico

O mundo é uma máquina. Nada aparece: tudo é içado, girado, travado.

Heráldico

Cada seção é uma casa, com sigilo, cor, metal e lema próprios.

ASCII goth

Glifos de terminal como matéria-prima: sigilos, réguas e textura.

Sombrio

Noite de obsidiana, luz de brasa. Contraste alto, cor com parcimônia.

Artesanal

Latão, ferro e pergaminho. Ornamento funcional, nunca decoração vazia.

Preciso

Tipografia pequena e técnica nos rótulos; épico só nos títulos.

Referência 01 · Abertura mecânica

O mapa como maquete viva: engrenagens de latão movem plataformas, torres telescópicas sobem do chão, cabos tensionam. É a animação central do portfólio.

Referência 02 · ASCII goth

Arte de caracteres, dithering e scanlines. Os sigilos das casas são desenhados em ASCII e "forjados" caractere por caractere quando aparecem.

02

Cores

Base escura e metálica; as cores das casas só aparecem quando a casa está em foco.

Obsidiana#0b0a09Fundo, noite do reino
Ferro#2b2a28Superfícies, estruturas
Pergaminho#d9ccaeTexto principal, mapa
Cinza de meistre#8c8577Texto secundário
Latão#b08d57Engrenagens, ornamentos, destaques
Brasa#e0a04aLuz, faróis, estado ativo
Sangue#8b1e1eAcentos dramáticos, com parcimônia
Gelo#a9c4d4Norte, a Muralha, foco
Perfil

Casa Stark

“O inverno está chegando”
Formação

Casa Hightower

“Nós iluminamos o caminho”
Cursos

Casa Tyrell

“Crescendo fortes”
Habilidades

Casa Lannister

“Ouça-me rugir”
Projetos

Casa Targaryen

“Fogo e sangue”
Contato

Patrulha da Noite

“Envie um corvo”
03

Tipografia

Três vozes: a inscrição (títulos), o cronista (texto) e a máquina (rótulos e ASCII).

CinzelTítulos · caixa-alta
espaçamento 0.08em

Jorge Mesquita

Cormorant GaramondTexto corrido · itálico
para citações e lemas

“Ainda estou no começo, mas nunca estive parado.” Cada projeto é uma pedra a mais nas muralhas.

JetBrains MonoRótulos · dados · ASCII
11–14px, caixa-alta

[ 03 / CURSOS ] ░▒▓ forjando ▓▒░ 0x1F ⚙ ok

Aa 72
Aa 44
Aa 28
Aa 18
AA 11
04

Identidade + imagens

Sigilos ASCII originais, estandartes, ornamentos de terminal e a imagem-chave: a máquina erguendo o reino.

Casa Stark · Winterfell
Casa Hightower · Vilavelha
Casa Tyrell · Jardim de Cima
Casa Lannister · Rochedo Casterly
Casa Targaryen · Pedra do Dragão
Patrulha da Noite · Castelo Negro
Imagem-chave · a máquina constrói uma cidade (render ao vivo)
Original: preto e branco, luz lateral, sombra dura
Viragem em latão, como no Perfil
Com scanlines e grão do terminal
Fotografia · retrato do autor e o tratamento usado no portfólio
╔═══════════════ ✦ ═══════════════╗
║   O REINO DOS SISTEMAS          ║
╚═══════════════ ✦ ═══════════════╝
─── ⚙ ───────────────────── ⚙ ───
 ░▒▓█  forja  █▓▒░
   .-=-.      [ 01 / PERFIL ]
  (  ⚙  )     ─────────────────
   '-=-'      Casa Stark · Winterfell
 ─┼──┼──┼──   "O inverno está chegando"
05

O mapa do portfólio

Cada tela do portfólio é uma casa. O scroll (GSAP) leva a câmera de sede em sede e cada cidade é construída pela máquina quando você chega.

TelaCasa · sedePor quê
CapaO mapa inteiroA abertura: o continente-máquina visto do alto.
PerfilCasa Stark · WinterfellIdentidade e raízes: quem eu sou, de onde venho.
FormaçãoCasa Hightower · VilavelhaA Cidadela forma os meistres: a formação acadêmica.
CursosCasa Tyrell · Jardim de Cima“Crescendo fortes”: cada curso é um elo a mais.
HabilidadesCasa Lannister · Rochedo CasterlyO arsenal e o ouro da casa: o que sei usar.
ProjetosCasa Targaryen · Pedra do Dragão“Fogo e sangue”: o que já foi forjado de fato.
ContatoPatrulha da Noite · Castelo NegroA Patrulha envia corvos: é por aqui que se fala comigo.

Homenagem inspirada em Game of Thrones (HBO / George R. R. Martin). Casas, sedes e lemas curtos são referências temáticas; sigilos, mapa, cidades e animações são criações originais. Nenhum logotipo, imagem, fonte ou música oficial é utilizado.

06

Paisagem sonora

Uma trilha original que cresce com o reino (cada casa construída acrescenta um instrumento) e a voz da máquina. Latão, ferro e pedra sintetizados em tempo real com a Web Audio API. Cada etapa da construção tem seu som, e o ronco do motor acompanha a velocidade do scroll.