[ Pular para o conteúdo principal // SKIP_TO_MAIN ]
SYS.DS // EVA-01JUAN SILVA GARCIA
PALETA OFICIAL: EVA-01 TACTICAL VIOLETNERV ENGINEERING // HUDWCAG 2.1 AA / AAA CERTIFIED

Design System // EVA-01 Tactical Interface

Sistema visual autoral inspirado na armadura mecha do Evangelion Unit-01, nas interfaces operacionais dos supercomputadores MAGI da NERV e no rigor editorial de engenharia de software. Roxo mineral dominante, acentos fluorescentes Acid Volt e alertas NERV dedicados.

SEC.01HUD // 01

Tokens Cromáticos & Paleta EVA-01

Roxo como armadura dominante, verde fluorescente contido em ações principais e laranja restrito a alertas operacionais

--bg-canvas
Dark: #0A0812
Light: #F2EFF6
bg-canvas

Void Black — Fundo principal mineral / Canvas editorial claro

17.77:1 vs #F4F1F7 (AAA)

--bg-surface
Dark: #15111F
Light: #FFFFFF
bg-surface

Deep Unit — Superfícies, Header e Cards estruturais

16.12:1 vs #F4F1F7 (AAA)

--bg-panel
Dark: #211A2B
Light: #E9E3F0
bg-panel

Mecha Panel — Painéis de dados, caixas de código e sub-containers

14.50:1 vs #F4F1F7 (AAA)

--eva-purple
Dark: #7047A3
Light: #62408E
eva-purple

Eva Purple — Roxo dominante da armadura do EVA-01

6.73:1 vs #FFFFFF (AA)

--eva-purple-light
Dark: #B99BE8
Light: #62408E
eva-purple-light

Violet Energy — Detalhes, palavras destacadas e numerações

7.88:1 vs #211A2B (AAA)

--accent-volt
Dark: #C6F542
Light: #496500
accent-volt

Acid Volt — CTAs principais, status ATIVO e telemetria viva

15.66:1 vs #0A0812 (AAA)

--accent-alert
Dark: #FF9B54
Light: #A4460B
accent-alert

NERV Alert — Avisos operacionais, advertências e destaques especiais

9.53:1 vs #0A0812 (AAA)

--text-primary
Dark: #F4F1F7
Light: #191321
text-primary

LCL White — Leitura principal e títulos de alta clareza

17.77:1 vs #0A0812 (AAA)

SEC.02HUD // 02

Matriz Tipográfica Funcional

Syne para títulos monumentais, Unbounded para contadores mecha, Space Grotesk para leitura técnica e IBM Plex Mono para telemetria

DISPLAY 01 // SYNE 900 EXTRA BOLD

JUAN GARCIA // SOFTWARE ENGINEER

NUMERAÇÃO HUD // UNBOUNDED 800

01 // MISSION_DECK: FEATURED_PROJECTS

CORPO EDITORIAL // SPACE GROTESK (LEITURA TÉCNICA)

Texto corrido com tipografia geométrica humanista para máxima clareza em estudos de caso profundos, notas metodológicas e relatórios de engenharia.

TELEMETRIA OPERACIONAL // IBM PLEX MONO (TERMINAL NERV)
[SYS_STATUS]: EVA-01 READY // SYNCHRONIZATION: 99.4% // MODE: PRODUCTION
EXPERIMENTO_BIOACUSTICA: Cenário A (Controle) vs Cenário B (Proposto)
SEC.03HUD // 03

Hierarquia de Ações (3 Níveis)

01 Primary CTA (Acid Volt), 02 Secondary CTA (Eva Purple) e 03 Alert / Special Action (NERV Orange)

ArcadeButton.astro // Hierarquia Semântica

Botões táteis com chanfro angular a 45 graus, alvo tátil mínimo de 44×44px e anel de foco em Acid Volt. Ao receber clique, geram síntese nativa de som via Web Audio API.

Tamanhos Disponíveis:
Badges Mecha & Alertas Operacionais

Indicadores com alto contraste visual para metadados de tecnologia, status de missão e coautorias de projetos.

STATUS: EM PRODUÇÃOCOAUTORIA: LPS (VICTOR EMANUEL)NERV ALERT // VII CoBICETReact NativeTypeScriptTailwind CSS v4Python / CNN

Roxo como identidade estrutural da armadura do EVA-01, verde fluorescente contido em ações e status importantes, e laranja restrito a alertas operacionais da NERV.

DESIGN LANGUAGEEVA-01 Tactical Violet
SEC.04HUD // 04

Decks de Missão (3D Tilt Suave)

Cartões mecha com rotação em perspectiva 3D, reflexo dinâmico de luz e sombras sólidas sem borrão artificial

MISSION 01 // PRODUCTION2025 — 2026

Lundgren Atelier

Vitrine comercial autoral em produção com Astro, Tailwind CSS, Sanity.io e Cloudflare Pages.

STACK: ASTRO / TS / SANITYCLOUDFLARE
MISSION 02 // CO-OP2024

ArchFlow (Coautoria LPS)

Sistema modular de engenharia de software em Java 17 com JPA e JavaFX 3D em coautoria com Victor Emanuel.

GITHUB OPEN REPOJAVA 17