AIOX SQUADVISUAL REFERENCESV1.0 // DARK COCKPIT EDITION

Moodboard

Referências visuais, inspirações e DNA estético do design system // 2026

9 Referências4 Categorias2026
9
Referencias
4
Categorias
#D1FF00
Accent Dominante
#050505
Base Dominante
Web UI & Product
Categoria 01
Web UI & Product Design
Interfaces web reais que inspiram a linguagem visual do AIOX — dark-first, neon lime, tipografia monospace, grid systems.
Symbiotic.fi
Symbiotic.fib2ec385e43a7d471f497f078fc382171.jpg

DeFi protocol com landing page dark-first. Grid de fundo sutil com linhas lime, tipografia tech mono bold, CTAs lime com contraste alto.

Dark GridLime CTAMonospaceWeb3Hero Pattern
Influencia →
Hero SectionButton SystemGrid Background
Age Gate Form UI
Age Gate Form UId8fd523c13b98c0023ca5301c3111b4b.jpg

Formulario de verificacao de idade com estetica dark+lime. Select inputs com chevron pixelado, botao ENTER bold.

Form DesignLime AccentsPixel ArtSelect UICTA Bold
Influencia →
Form ElementsSelect StylingCTA Pattern
HUD & Dashboard
Categoria 02
HUD & Dashboard Interfaces
Interfaces de cockpit, paineis de dados e gaming UI que inspiram o layout de informacao densa, gauges, KPIs.
FX-D Tread Cockpit
FX-D Tread Cockpit4ffdb5a2c3f3c3030293be3a1f66ce4a.jpg

Dashboard estilo cockpit militar/industrial. Paineis de dados com labels monospace, gauges com indicadores lime.

Dark CockpitData PanelsGaugesTrackingKPI Cards
Influencia →
TablesKPI CardsChartsSection Dividers
Rise UI Design Pack
Rise UI Design Packd0082d3d1efefb26f112c5bfe7304f1d.jpg

Gaming UI design pack com player stats card. Rank system, KD ratio, score display, skill meters.

Gaming UIStats CardRank SystemKPI DisplayBadge System
Influencia →
CardsBadgesRankingsProgress Bars
Graphic & Pattern
Categoria 03
Graphic Design & Patterns
Patterns geometricos, texturas e elementos graficos que formam a base visual.
Micro-Pattern Grid
Micro-Pattern Grid7e22a29aaee06324da5997dbb4ba489c.jpg

Grid de micro-icones geometricos (X, O, diamond, square) em lime sobre preto.

PatternMicro IconsModular Grid
Influencia →
Background PatternsWallpapers
Crosshair Grid
Crosshair Grid79c48c2b5c8c14ce48d002e6c5583062.jpg

Background ultra-dark com grid de crosshairs sutis (+). Minimalismo maximo.

BackgroundCrosshairMinimal
Influencia →
Page BackgroundsHero Sections
HUD Icons & Frames
HUD Icons & Framesf7169e877d519078704d2e72af02b25a.jpg

Colecao de icones geometricos, frames HUD, hazard stripes e elementos decorativos.

IconografiaHUD FramesHazard Stripes
Influencia →
IconsAlert BordersDecorative Elements
Layout & Typography
Categoria 04
Layout & Typography
Templates de layout, composicoes tipograficas e referencias de estrutura visual.
Cyberpunk 2077 HUD
Cyberpunk 2077 HUD3c8e04e9daf942e0a0ef6daec1340520.jpg

Estetica Cyberpunk 2077 — amarelo/lime sobre preto, circuit lines, warning badges, tipografia angular bold.

CyberpunkHUD DesignCircuit LinesWarning BadgesAngular Type
Influencia →
Visual LanguageAlert ComponentsDecorative Lines
Cyber Template System
Cyber Template System978df003eb81a987c41235f6af2b911b.jpg

Sistema de templates futuristas — poster/banner layouts com tipografia bold comprimida, corner brackets.

Template SystemBold TypographyCorner BracketsBarcodeLayout Composition
Influencia →
TemplatesSection HeadersTypography ScaleCorner Details
Design Principles
◼
Dark-First
Background #050505 como base. Superficies #0F0F11. Informacao emerge da escuridao.
◆
Neon Lime Accent
#D1FF00 como cor de destaque unica. CTAs, status ativo, dados positivos.
⌘
Monospace Voice
RobotoMono para labels. TASAOrbiter para titulos. Geist para corpo.
⊞
Grid Precision
Layouts baseados em grid com gap de 1px e border como separador.
⚠
HUD Language
Section dividers como cockpit readouts. Corner brackets. Hazard stripes.
◎
Data-Dense
Otimizado para exibir informacao densa — KPIs, rankings, metricas.