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

Hero — School Dashboard

Glass morphism isometric dashboard with floating UI elements and aurora glow

Hero — School Dashboard

HeroDashboardIsometric
AI Assistant

AI Assistant

Glass morphism AI copilot with neural network visualization and chat interface

AI Assistant

AIChatNeural
Payment Flow

Payment Flow

Multi-channel payment processing with SPEI, cards, OXXO, and QR code elements

Payment Flow

PaymentsFlowMulti-channel
Dashboard Light

Dashboard Light

Clean light-mode dashboard with charts, KPIs, and glass card overlays

Dashboard Light

DashboardLightCharts
Automation

Automation

Workflow automation with connected nodes, gears, and process flow visualization

Automation

AutomationWorkflowProcess
Enrollment — Aurora

Enrollment — Aurora

Student enrollment form with progress tracking, grade assignment, and section cards

Enrollment — Aurora

EnrollmentAuroraForms
Analytics — Aurora

Analytics — Aurora

Financial analytics dashboard with bar charts, pie charts, and KPI panels

Analytics — Aurora

AnalyticsAuroraCharts
Mobile — Aurora

Mobile — Aurora

Parent mobile payment portal with QR codes, notifications, and balance tracking

Mobile — Aurora

MobileAuroraParents
Security — Aurora

Security — Aurora

Cybersecurity shield with encryption, biometrics, and certificate panels

Security — Aurora

SecurityAuroraEncryption

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.