OpeN9 Design System
A comprehensive style guide for educational platform interfaces
Color Palette
Primary
Orange (#d46c08)
Secondary
Light Peach (#ffe8d1)
Background (Light)
Light Gray (#fcfcfc)
Surface
Dark Brown (#261f18)
Accent Cyan
#00ffff
Accent Purple
#b794f6
Accent Green
#00ff88
Muted
Gray tones
Background (Dark)
#2b2927
Typography
Heading 1 - 48px Bold
Heading 2 - 36px Bold
Heading 3 - 30px Bold
Heading 4 - 24px Semibold
Body Large - 18px Regular
Body - 16px Regular
Body Small - 14px Muted
Caption - 12px Muted
Buttons
Primary Buttons
Secondary Buttons
Outline Buttons
Ghost Buttons
Inputs & Labels
Cards
Introduction to Web Development
Dr. Sarah Johnson
Duration
12 weeks
Start Your Journey
Create your student profile and get access to thousands of courses across multiple disciplines.
50K+
Active Students
Join a thriving community of learners from around the world
Badges
Featured CourseNewPopularLive SessionAdvancedBeginner