# Yespark Group — Design System · Typographie

Échelles communes aux deux marques ; familles distinctes. Tailles px (mobile → ≥576px).

## Yespark
- Titres : BuenosAiresWeb — `"BuenosAiresWeb", "Avenir Next", "Century Gothic", Futura, system-ui, sans-serif`
- Corps : IBM Plex Sans — `"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif`
- Graisses titres : Light 300, Regular 400, Bold 700
- Graisses corps : Light 300, Regular 400, Bold 600

### Yespark — Titres
| classe | mobile | ≥576px |
| --- | --- | --- |
| .ds-text-title-xl | 40/48 | 64/72 |
| .ds-text-title-lg | 28/32 | 44/56 |
| .ds-text-title-md | 20/24 | 28/32 |
| .ds-text-title-sm | 16/24 | 20/24 |
| .ds-text-title-xs | 16/24 | 16/24 |

### Yespark — Corps
| classe | mobile | ≥576px |
| --- | --- | --- |
| .ds-text-body-lg | 16/24 | 20/32 |
| .ds-text-body-md | 14/20 | 16/24 |
| .ds-text-body-sm | 12/16 | 14/20 |
| .ds-text-body-xs | 10/12 | 12/16 |

## Zenpark
- Titres : Young Serif — `"Young Serif", Georgia, "Times New Roman", serif`
- Corps : Inter — `"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif`
- Graisses titres : Light 300, Regular 400, Bold 700
- Graisses corps : Light 300, Regular 400, Bold 600

### Zenpark — Titres
| classe | mobile | ≥576px |
| --- | --- | --- |
| .ds-text-title-xl | 40/48 | 64/72 |
| .ds-text-title-lg | 28/32 | 44/56 |
| .ds-text-title-md | 20/24 | 28/32 |
| .ds-text-title-sm | 16/24 | 20/24 |
| .ds-text-title-xs | 16/24 | 16/24 |

### Zenpark — Corps
| classe | mobile | ≥576px |
| --- | --- | --- |
| .ds-text-body-lg | 16/24 | 20/32 |
| .ds-text-body-md | 14/20 | 16/24 |
| .ds-text-body-sm | 12/16 | 14/20 |
| .ds-text-body-xs | 10/12 | 12/16 |