04 — Graphics
Visual Asset Library
Glass Morphism Isometric illustrations, icon system, and visual assets that power every Aulā touchpoint.
Web Illustrations
Glass Morphism Isometric style — translucent frosted surfaces, aurora gradients, soft shadows. All illustrations are transparent-background ready.
Hero — School Dashboard
Glass morphism isometric dashboard with floating UI elements and aurora glow
Hero — School Dashboard
AI Assistant
Glass morphism AI copilot with neural network visualization and chat interface
AI Assistant
Payment Flow
Multi-channel payment processing with SPEI, cards, OXXO, and QR code elements
Payment Flow
Dashboard Light
Clean light-mode dashboard with charts, KPIs, and glass card overlays
Dashboard Light
Automation
Workflow automation with connected nodes, gears, and process flow visualization
Automation
Enrollment — Aurora
Student enrollment form with progress tracking, grade assignment, and section cards
Enrollment — Aurora
Analytics — Aurora
Financial analytics dashboard with bar charts, pie charts, and KPI panels
Analytics — Aurora
Mobile — Aurora
Parent mobile payment portal with QR codes, notifications, and balance tracking
Mobile — Aurora
Security — Aurora
Cybersecurity shield with encryption, biometrics, and certificate panels
Security — Aurora
Illustration Style Guide
Glass Morphism
All surfaces use frosted glass with backdrop-blur, subtle refraction, and translucent borders. Depth is created through layered glass planes at different opacities.
Aurora Palette
Indigo (#4F46E5) → Violet (#7C3AED) → Teal (#0D9488) → Emerald (#059669). Gradients flow naturally like aurora borealis. White/cream backgrounds with soft ambient glows.
Isometric Perspective
All devices and UI elements are rendered at a consistent isometric angle (~30°). Floating elements orbit the main subject with gentle parallax animation.