Premium Academic UI
Design System
The redesign system documents colors, typography, cards, navigation, surfaces, responsive rules, animation principles, and CMS-ready component patterns.
Design System
A premium, accessible, CMS-ready academic interface system.
High contrast tokens, keyboard focus states, aria labels, semantic landmarks, responsive text sizing, reduced clutter, and large tap targets.
Deep Navy
#0B1120
Primary institutional canvas and dark theme
Royal Blue
#2563EB
CTAs, active states, academic technology accent
Gold
#D8A23A
Prestige highlights, counters, admissions emphasis
Pearl
#F8FAFC
Light surfaces and clean academic whitespace
Soft Gray
#E5E7EB
Borders, dividers, secondary panels
Kerala Leaf
#0F766E
Regional identity and campus-life accent
Component Structure
Sticky transparent navbar with mega menus
Dynamic announcement bar
Cinematic hero with image/video overlay slot
Animated counters and accreditation highlights
Filterable programme cards
Campus gallery rail
News and events cards
Admission timeline
AI chatbot assistant UI
Dark mode toggle
Dashboard-style student portal preview
Legacy content page renderer