Typography

Our typography system is built on clarity, sustainability, and modern aesthetics. Every choice reflects our commitment to making circular fashion accessible.

Primary Typeface

BR Sonoma

BR Sonoma is our primary typeface, used for headlines, UI elements, and all brand touchpoints. Its clean, geometric forms reflect our modern approach to sustainable fashion.

Regular

The quick brown fox

Medium

The quick brown fox

Semibold

The quick brown fox

Type Scale

Display Large72px / 1

Cüte

Display60px / 1.1

Cüte

Heading 148px / 1.1

Cüte

Heading 236px / 1.2

Cüte

Heading 330px / 1.2

Cüte

Heading 424px / 1.3

Cüte

Heading 520px / 1.4

Cüte

Large Body18px / 1.5

The quick brown fox jumps over the lazy dog

Body16px / 1.5

The quick brown fox jumps over the lazy dog

Small Body14px / 1.5

The quick brown fox jumps over the lazy dog

Caption12px / 1.5

The quick brown fox jumps over the lazy dog

Usage Guidelines

Headlines

Use Semibold weight for headlines to create clear hierarchy and draw attention.

Shop Sustainably

Discover pre-loved fashion

Body Copy

Regular weight at 16px provides optimal readability for longer text passages.

Every item on Cüte has a story. By choosing pre-loved fashion, you're not just saving money—you're reducing waste and supporting a circular economy.

UI Elements

Medium weight for buttons and interactive elements ensures clarity and confidence.

Captions & Labels

Smaller sizes (12-14px) work well for metadata and supporting information.

Vintage Levi's Denim Jacket • Size M • Like New

Best Practices

Do

  • Maintain consistent line heights for readability
  • Use Semibold for emphasis and hierarchy
  • Keep body text at 16px minimum
  • Use proper contrast ratios (4.5:1 minimum)
  • Limit line length to 65-75 characters

Don't

  • Use more than 3 font weights per design
  • Set body copy smaller than 14px
  • Use all caps for long passages
  • Mix conflicting font weights
  • Compromise accessibility for aesthetics

Accessibility

Typography plays a crucial role in making our platform accessible to everyone.

Contrast

All text meets WCAG AA standards with a minimum 4.5:1 contrast ratio for normal text.

Sizing

Font sizes are defined in relative units, allowing users to adjust text size as needed.

Readability

Generous line heights and spacing ensure comfortable reading for all users.