Typography
The Demos type system uses Source Code Pro for technical content and Inter for body text.
Source Code Pro
The primary display font for headings, code, and technical content. A monospace font that conveys precision and technical expertise.
Light (300) - Subtle emphasis
Regular (400) - Body text
Bold (600) - Strong emphasis
Black (900) - Headlines
Inter
The secondary font for body text, UI elements, and general content. A highly legible sans-serif optimized for screens.
Regular (400) - Body text
Medium (500) - Subheadings
SemiBold (600) - Emphasis
Bold (700) - Strong emphasis
Usage Guidelines
Use Source Code Pro for headlines, navigation, and technical content
Use Inter for body paragraphs, descriptions, and UI labels
Maintain consistent line heights: 1.2 for headings, 1.5 for body
Use font weights to create visual hierarchy, not just size
