Hierarchy
| Role | Class | Example |
|---|---|---|
| Page title | tw-text-24 / tw-text-30 semibold |
Case in vendita a Milano |
| Section title | tw-text-20 / tw-text-22 semibold |
Annunci simili |
| Card title | tw-text-16 medium |
Trilocale luminoso con terrazzo |
| Price | tw-text-20 semibold |
385.000 € |
| Body | tw-text (14px) regular |
Descriptions, paragraphs |
| Caption, metadata | tw-text-12 regular |
Navigli, Milano · 85 m² |
| Fine print | tw-text-10 |
Legal notes only |
✓ Do
Use at most three sizes in one component, and one title level per section.
✕ Don't
Use tw-text-10 for anything people need to read, or bold a whole paragraph for emphasis.
Long text
- Clamp card titles to two lines (
tw-line-clamp-2) and design for the long version. Italian listing titles run long. - Keep paragraphs to about 70 characters per line on desktop.