Couldja Design System: Typography

Learn it. Love it. Live it.

This typography system defines the font styles, scale, and usage guidelines for Couldja products. It is derived from Brainly’s typography principles and adapted for clarity and consistency.

Font Families

Primary Typeface
Univers is used as the primary typeface for all Couldja interfaces. It is optimized for readability across devices and screen sizes.
Font: Univers / system-ui
Monospace
Monospace is used for timesheet, technical labels, and data-heavy UI.
Font: Monaco Mono

Headings

Display
Couldja helps you learn faster
48px / Bold / Line-height 1.2
Heading 1
Ask questions. Get answers.
36px / Bold / Line-height 1.2
Heading 2
Built for clarity and focus
28px / Semibold / Line-height 1.2
Heading 3
Typography supports understanding
22px / Semibold / Line-height 1.4

Body Text

Body Large
Body large text is used for introductory content, summaries, and areas that need additional emphasis.
18px / Regular / Line-height 1.6
Body
Body text is the default style for long-form reading and general interface copy within Couldja.
16px / Regular / Line-height 1.6
Body Small
Smaller body text is used for supporting information, secondary descriptions, and helper text.
14px / Regular / Line-height 1.6
Caption
Captions provide context for UI elements and metadata.
12px / Medium / Line-height 1.4