07 / Mapu brand system
Typography
Newsreader carries the voice; Manrope carries the work. The serif is warm and readable rather than fashionable, and the sans is neutral enough to disappear inside the product. Both cover full Romanian diacritics.
The pairing
Display · Newsreader
Aa
A contemporary text serif drawn for screens. Moderate contrast, open apertures, no fashion-editorial thinness. It gives Mapu authority without distance.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 — & , . ; : ! ?
Interface · Manrope
Aa
A humanist sans with a slightly squared skeleton. Highly legible at 13 px, calm at weight 600, and it never reads as a startup default.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 — & , . ; : ! ?
Scale
Fluid between the two figures shown. No fixed breakpoint jumps.
| Role | Font | Size | Line height | Tracking | Used for |
|---|---|---|---|---|---|
| Display | Newsreader 400 | 40 → 80 px | 1.04 | −0.022em | One per page. Section openers and covers. |
| Section heading | Newsreader 400 | 28 → 44 px | 1.14 | −0.018em | Page titles and major statements. |
| Card heading | Manrope 600 | 17 → 20 px | 1.32 | −0.01em | Component and list headings. |
| Body | Manrope 400 | 16 → 17 px | 1.62 | 0 | Default reading size. Max 68 characters. |
| Small body | Manrope 400 | 15 px | 1.58 | 0 | Dense product surfaces and lists. |
| Label | Manrope 600 caps | 11 px | 1.2 | 0.14em | Eyebrows, table heads, metadata. |
| Button | Manrope 600 | 15 px | 1 | 0.005em | All interactive controls. |
| Caption | Manrope 400 | 13 px | 1.5 | 0 | Figure captions and footnotes. |
| Numeric | Newsreader 400, tabular | 28 → 36 px | 1 | −0.02em | Single figures in progress views. |
Specimens
Set in real Mapu copy, at the size each role actually appears.
Display
Structure for growing independence
Section heading
Built to become unnecessary
Card heading
Ana now manages her own study time
Body
Mapu makes expectations visible to both of you, then moves each one across on a schedule you set together. Nothing is scored and nothing is hidden.
Small body
Practised for six weeks. Moving out of shared review from today.
Label
Foundation agreement
Caption
Reviewed together every Sunday at 18:00.
Numeric
7 of 11
Setting rules
Do
- Cap measure at 68 characters for body copy
- Balance display and section headings (text-wrap: balance)
- Keep body copy at 16 px or larger on mobile
- Use tabular figures wherever numbers are compared
Don’t
- Set Newsreader below 20 px — it becomes a decorative texture
- Use weights below 300, or Manrope 700 for anything but rare emphasis
- Centre paragraphs longer than two lines
- Use all caps for anything other than the label role