VUI LMS Design System
A premium, glassmorphism-inspired component library and design language for modern learning management systems.
DESIGN_SYSTEM.md MOTION_SYSTEM.md GLASSMORPHISM_SYSTEM.md STUDENT_DASHBOARD_DESIGN.md COURSE_LEARNING_DESIGN.md VIDEO_PLAYER_DESIGN.md LIVE_CLASS_DESIGN.md LECTURER_DASHBOARD_DESIGN.md ADMIN_DASHBOARD_DESIGN.md COURSE_REGISTRATION_DESIGN.md AUTH_ONBOARDING_DESIGN.md COMPONENT_LIBRARY.md LANDING_PAGE_DESIGN.md FRAMER_MOTION_GUIDE.md TAILWIND_DESIGN_TOKENS.md APP_SHELL_DESIGN.md VUI_LMS_MASTER_DESIGN_SYSTEM.md
Colors & Gradients
Base Canvas
slate-950
Glass Surface
bg-white/5
Student Accent
blue-600
Lecturer Accent
violet-500
Typography (Outfit & Inter)
Display Heading
Outfit, SemiBold, 4xl-5xl
Section Header
Outfit, SemiBold, 2xl
Body Large. The quick brown fox jumps over the lazy dog. This is Inter, highly legible for long-form reading and course materials.
Inter, Regular, Base
Body Small / Meta Text. Used for timestamps, hints, and secondary information.
Inter, Regular, sm
Interactive Elements
Course & Scheduling Cards
Cards utilize glassmorphism, spring physics on hover, and vibrant subtle highlights.
Core Module
Advanced Machine Learning & Neural Networks
Dr. Andrew Chen
16/24 Chapters 4h 12m left
Progress68%
10:00 AM1.5h
Machine Learning Lab section 4
Dr. Sarah Jenkins
01:30 PM2h
Data Structures & Algorithms
Dr. Sarah Jenkins
Room A204