Moodboard // Design System
Alma da Marca Pitch V2.0

Moodboard

Referências Visuais, Inspirações e DNA Estético // 2026

8 ReferênciasImagens Curadas
4 CategoriasUniverso Visual
#d4651dAccent Dominante
#050208Base Dominante
01Web UI & Product Design

Landing pages dark-first e interfaces técnicas que definem o padrão visual da Maggium. Foco em hierarquia limpa, espaçamento técnico e CTAs copper sobre superfícies profundas.

Dark UI Landing
Dark Cockpit Landing Page
maggium-landing-ref.ai
Interface dark-first com hero section, cards de serviços e glow gradients em copper. Grid preciso com bordas finas e tipografia monospace para dados técnicos.
Dark GridCopper CTAMonospaceGlassmorphism
Influência → Hero SectionCard SystemButton System
ERP Interface
Enterprise ERP Dashboard
maggium-erp-system.ai
Interface de gestão empresarial com sidebar navigation, data tables densas, indicadores de status e painéis de KPI. A estética dark premium remete ao cockpit de controle corporativo.
Data TablesSidebar NavStatus PillsKPI Cards
Influência → TablesNavigationForms
02HUD & Dashboard Interfaces

Cockpits de informação densa e visualizações de dados em tempo real. O DNA "Dark Cockpit" da Maggium vem diretamente desta linguagem de instrumentação e controle — gauges, mapas e data-cards empilhados.

Dashboard HUD
Cockpit Control Center
cockpit-hud-ref.ai
Painel de controle com gauges circulares, gráficos de atividade, mapas e barras de status. Estética de aviação + enterprise adaptada para o contexto Maggium de gestão inteligente.
Circular GaugesData DenseReal-timeGlow Effects
Influência → ChartsDashboard LayoutData Viz
Grid Layout
Copper Grid System
layout-grid-copper.ai
Sistema de grid com linhas copper metálicas sobre superfície deep-black. Composição de painéis segmentados que inspira a estrutura de layouts da Maggium — modular, preciso, premium.
Grid LinesCopper MetallicModularMinimal
Influência → Grid SystemSection DividersSpacing
03Graphic Design & Patterns

Texturas geométricas, patterns técnicos e superfícies materiais que formam o vocabulário visual de backgrounds e elementos decorativos do Design System Maggium.

Geometric Pattern
Hexagonal Mesh Network
pattern-hex-copper.ai
Pattern hexagonal com pontos de interseção luminosos em copper. Representa a rede de conexões e inteligência da Maggium — cada nó é um ponto de dados, cada linha uma integração ativa.
HexagonalNetworkGlow NodesTechnical
Influência → BackgroundsHero PatternsVFX
Tech Texture
Brushed Metal Surface
material-brushed-copper.ai
Textura de metal escovado com iluminação de borda copper. Referência material para superfícies premium — cards, modais e painéis que precisam comunicar solidez e sofisticação industrial.
Brushed MetalEdge LightIndustrialPremium
Influência → SurfacesCard BordersMaterial Language
043D Art & Abstract Forms

Formas abstratas, renders de alta fidelidade e composições tipográficas que definem a linguagem visual aspiracional da marca Maggium — tecnologia como arte, dados como escultura.

3D Abstract
Chrome Liquid Metal Sculpture
3d-chrome-copper-flow.ai
Escultura de metal líquido com reflexos copper sobre fundo deep-purple. A fluidez do metal cromado simboliza a adaptabilidade e a sofisticação das soluções Maggium — enterprise, porém orgânico.
Chrome MetalLiquid FormStudio LightVolumetric
Influência → Brand HeroIllustrationsMotion Identity
Brand Typography
Typographic Art Composition
type-art-copper-poster.ai
Composição tipográfica em copper metálico com formas geométricas sobre purple-black. Referência para a hierarquia tipográfica expressiva do Design System — pesos, escalas, entrelaçamentos.
Typography ArtCopper LettersGeometricPoster
Influência → Typography ScaleEditorialSlides
∞Princípios Estéticos
01
Dark-First
Background #050208, surfaces #0a0514 / #120820. Todo elemento parte do escuro para o destaque.
02
Copper Accent
#d4651d como acento único para CTAs, status, badges e destaques. Sem competição cromática.
03
Monospace Voice
JetBrains Mono para labels e dados. Urbanist para títulos. Playfair Display para acentos. Hierarquia clara e técnica.
04
Grid Precision
Layouts baseados em gaps de 1px e separadores de borda. Cada pixel é intencional.
05
HUD Language
Divisores de seção estilizados como readouts de cockpit. Numeração, linhas e badges técnicos.
06
Data-Dense
Otimizado para exibição de alta densidade de informação. Enterprise-grade, sem desperdício de espaço.