Back to home
Modern UI Guide
A simple style guide combining Apple HIG, Geist design, a functional-first mindset, and user-centered patterns—for clear, modern UI reference.
Color System
Our color system is designed to be accessible, consistent, and adaptable across light and dark modes. Primary colors are used for key actions and highlighted information, while neutral tones create hierarchy and structure.
Primary Colors
Blue#2563EB
Indigo#4F46E5
Purple#9333EA
Pink#DB2777
Cyan#06B6D4
Semantic Colors
Success#10B981
Warning#F59E0B
Error#EF4444
Info#3B82F6
Neutral Colors
Gray 900#111827
Gray 700#374151
Gray 500#6B7280
Gray 300#D1D5DB
Gray 100#F3F4F6