Skip to content
Admissions Open 2026-27PG Entrance 2026-27MSW Entrance SyllabusM.Sc Biotechnology EntranceAdmissions Open 2026-27PG Entrance 2026-27MSW Entrance SyllabusM.Sc Biotechnology Entrance
Design System

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