Polish & UX
MikeKnows Design System
Deep Blue. Gold. White. Professional, premium, modern, executive.
Palette
Deep Blue
--primary
Gold
--accent / gold
Background
--background
Foreground
--foreground
Muted
--muted
Destructive
--destructive
Typography
Display
Cut Through The Noise.
H2
Learn The Job.
Body
Every screen has one goal, one obvious next action, and answers four questions: where am I, what am I learning, why does it matter, what should I do next.
Muted
Supporting copy stays calm and out of the way.
Buttons
Badges
Default
Secondary
Outline
Destructive
Form elements
Cards & status
Default card
Calm surface
Highlight card
Gold accent
Warning card
Use sparingly
Principles
- One Goal Per Screen
- Progressive Disclosure
- Mobile First
- Career Focused
- Business Focused
- Action Focused
- Clarity Over Complexity
- Results Over Information