Design System
A reference for the colors, typography, and components used in the AASTU Events portal.
Colors
Brand Colors
Primary
#1E1B4B
Primary Light
#4338CA
Accent
#F43F5E
Accent Hover
#E11D48
Status Colors
Success
#10B981
Danger
#EF4444
Neutrals
Text Main
#1E293B
Text Muted
#64748B
Border
#E2E8F0
Background Body
#F8FAFC
Typography
Heading 1
Heading 2
Heading 3
Heading 4
This is a standard paragraph. It uses the Inter font family for optimal readability. The color is set to a muted slate gray to reduce eye strain while maintaining good contrast.
This is muted text, used for metadata, dates, or secondary information.
This is a text linkButtons
Primary Actions
Accent Actions
Secondary Actions
Components
Cards
Simple Card
A basic card component used for grouping related content.
Hover Card
This card elevates when you hover over it, perfect for clickable items.
Badges
Technology
Workshop
Free Entry