Showcase
O registro visual de cada módulo do sistema AIOX. Uma referência direta para todos os assets e diretrizes exportadas.
60+
Componentes
27
Páginas
5
Categorias
100%
Token Coverage
Strategy & Core
Brand Strategy
Posicionamento, arquétipos, truelines e manifesto AIOX
Guidelines
Regras de uso, anti-patterns e autoridade da marca
Logo System
Construção do logotipo, variações e espaço de proteção
Foundations
Visual Foundations
Cores OKLCH, tipografia, spacing e motion tokens
Color & Type
Paleta completa, pares de contraste e type scale
VFX System
Film grain, glow, blur, scanlines e overlays
Components
Button Lab
4 variantes, 5 tamanhos, states e loading
Card Systems
Glass card, frame-technical, stat card, bento
Feedback UI
Alerts, toasts, modals, progress e badges de status
Advanced
Motion Specs
Curvas ease-cockpit e ease-reveal com demos interativos
Patterns
Composições bento grid, layouts e templates reutilizáveis
VFX Technical
CSS snippets para todos os efeitos visuais do sistema
Showcase
Agents UI
Interfaces de agentes IA com cockpit dark
Mockups
Aplicações reais do sistema em contextos de produto
Editorial
Spreads editoriais light/dark alternados com lime accent