Typography System
CLAIR's typography balances intelligence with approachability. DM Sans serves as the primary typeface across all applications, with concept-specific fonts available for logo lockups.
Primary Typeface: DM Sans
DM Sans is a geometric sans-serif with a low contrast and tall x-height. It's highly legible at small sizes while maintaining personality at display sizes. Use across all UI, marketing, and communication materials.
Regular
The quick brown fox jumps over the lazy dog
Medium
The quick brown fox jumps over the lazy dog
Semibold
The quick brown fox jumps over the lazy dog
Bold
The quick brown fox jumps over the lazy dog
Aa
1234567890
Type Hierarchy
H1 / Display
Dating Intelligence, Reimagined
H2 / Section
Understand Every Conversation
H3 / Subsection
Real-time Coaching
Body Large
CLAIR analyzes your dating conversations in real-time, providing intelligent suggestions that help you connect authentically.
Body
Get instant feedback on tone, engagement, and conversation flow. CLAIR helps you be your best self.
Small / Caption
Suggested response • 2 minutes ago
Usage Guidelines
Line Height
Use 1.5 for body text, 1.2 for headings. Tighter leading for display sizes (1.1).
Letter Spacing
Default tracking for body. Slight negative tracking (-0.02em) for large headings.
Paragraph Spacing
1.5em between paragraphs. Use generous whitespace for readability.
Alignment
Left-align body text. Center-align headings sparingly for impact.