[01.2] Pilar 01

Moodboard

Referências visuais e inspirações que fundamentam a estética Dark Cockpit do AIOX Design System.

[01]

Paleta de Referência

Sistema de cores principal — inspirações e diretrizes de uso.

OBSIDIAN CORE#050505

Preview

O vácuo absoluto

Fundo principal do sistema. Zero luz incidente, profundidade total.

AURA INDIGO#B0A6DF

Preview

Cor da inteligência

Cor primária da marca. Transmite confiança, tecnologia e profundidade.

XP GOLD#F5A623

Preview

Recompensa & Gamificação

Usado para destacar conquistas, pontos de experiência e ações recompensadas.

STATUS SYSTEM4 VARIANTS

CRITICAL RED

Alerta de sistema

OPTIMAL GREEN

Status operacional

Indicadores de estado

Cores para comunicar status do sistema em tempo real.

[02]

Referências Tipográficas

4 famílias de fontes que compõem o sistema tipográfico.

DISPLAYHERO TITLES

Tasa Orbiter

A identidade visual principal. Uso em hero titles, headlines e elementos de destaque.

Weight: 900 (Black)Size: clamp()Tracking: -0.05em
SERIFNARRATIVE

Cormorant Garamond

Narrativa, editorial e longform. Brings human warmth to technical interfaces.

Weight: 300-400Style: ItalicLeading: Relaxed
SANSUI UTILITÁRIO

Inter

UI, corpo de texto, labels e dados. A sans-serif utilitária do sistema.

Weight: 400-700Base: 16pxLeading: 1.5
MONOTELEMETRY

Roboto Mono

Código, labels técnicos e telemetria. A mono para dados técnicos.

Weight: 400-500Size: 10-14pxTracking: Widest
[03]

Referências Visuais

Inspirações que moldam a estética Dark Cockpit.

Cockpits de Aviação

Layouts de painéis de controle com informações hierarquizadas e zero distrações.

Inspiração Principal

Interfaces Técnicas

Dashboards de monitoramento, telemetria e sistemas de controle industrial.

Estilo Funcional

Cinema Sci-Fi

Interfaces holográficas e painéis futurísticos de ficção científica.

Estética Visual

Design Systems Modernos

Referências de sistemas de design contemporâneos com foco em escala.

Metodologia

Paletas Monocromáticas

Sistemas que usam opacidade em vez de múltiplas cores para criar hierarquia.

Estratégia de Cor

Tipografia Técnica

Fontes monoespaçadas e tipografia de alta legibilidade para dados.

Legibilidade
[04]

Texturas e Efeitos

Camadas de profundidade e atmosfera do Dark Cockpit.

NOISE TEXTUREOPACITY 4%

Preview Noise Overlay

Grão de superfície

Todas as superfícies escuras devem ter noise overlay de 3-4% opacidade para evitar "flat look".

GLASS SURFACEBLUR 64PX

Preview Glass Card

Efeito vidro técnico

Background white/2% + backdrop-blur-3xl + border white/8%. Cria profundidade em camadas.

GLOW PRIMARYSHADOW 40PX

Preview Glow Effect

Aura de estados ativos

Box-shadow de 40px usando var(--primary-glow). Usado para destacar estados hover, focus e active.