Typography

Typography creates clarity, builds hierarchy, and carries our brand voice. Every typographic choice supports readability and trust across the Cüte platform.

Approach

We use Cüte Sans as our primary typeface across all touchpoints. Its clean, geometric forms balance friendliness with professionalism, reflecting our approach to circular fashion.

Primary

Headlines, navigation, and UI elements

Cüte Sans

Weights

Three weights for clear hierarchy

Regular

Medium

Semibold

400 / 500 / 600

International

Full glyph support for global audiences

Ää Öö Üü Çç Ññ

Extended Latin

Best practices

Guidelines for using typography effectively across the platform.

Do

Reach for f-* typesets first — they scale responsively
Use text-* utilities for one-off UI labels and micro-copy
Maintain consistent line heights for readability
Use semibold for emphasis and hierarchy
Keep body text at 16px minimum for interfaces
Use proper contrast ratios (4.5:1 minimum)
Limit line length to 65–75 characters for body text

Don't

Hardcode font-size in style props or arbitrary values
Mix f-* and text-* on the same element
Use more than 3 font weights per layout
Set body copy smaller than 14px
Use all caps for passages longer than a few words
Reduce line height below 1.3 for multi-line text
Use letter-spacing on body text

Accessibility

Typography plays a crucial role in making our platform accessible to everyone. We follow WCAG 2.1 AA standards.

Contrast

4.5:1

Minimum contrast ratio for normal text. Large text (24px+) requires 3:1.

Minimum size

16px

Base font size for body text. All sizes use relative units so users can scale.

Line length

75ch

Maximum characters per line for comfortable reading across devices.