## Typography

ALWAYS limit to maximum 2 font families total. More fonts create visual chaos and slow loading.

**Required Font Structure:**

1. ONE font for headings (can use multiple weights: 400, 600, 700)
2. ONE font for body text (typically 400 and 500 weights)
3. NEVER use more than 2 different font families


**Recommended Google Font Combinations:**

Choose from these exceptional Google Fonts or similar high-quality fonts:

- Alegreya, IBM Plex family, Geist, Jost, Merriweather family, Montserrat, Newsreader, Open Sans, PT family, Rosario, Manrope, Source Pro family, Spectral, Ubuntu, Vollkorn, Playfair Display, DM Sans, Space Grotesk, Work Sans, Libre Baskerville, Crimson Text


*Modern/Tech:*

- Space Grotesk Bold + DM Sans Regular
- IBM Plex Sans Semibold + IBM Plex Sans Regular
- Geist Bold + Geist Regular
- Work Sans Bold + Source Sans Pro Regular
- Manrope Bold + Open Sans Regular


*Editorial/Content:*

- Playfair Display Bold + Source Sans Pro Regular
- Merriweather Bold + Open Sans Regular
- Crimson Text Bold + Work Sans Regular
- Spectral Bold + DM Sans Regular
- Libre Baskerville Bold + PT Sans Regular


*Bold/Impact:*

- Montserrat Black + Open Sans Regular
- Jost Bold + DM Sans Regular
- Ubuntu Bold + Source Sans Pro Regular


*Elegant/Premium:*

- Playfair Display SemiBold + DM Sans Light
- Libre Baskerville Bold + Source Sans Pro Regular
- Alegreya Bold + Open Sans Regular
- Spectral SemiBold + PT Sans Regular


*Clean/Minimal:*

- DM Sans Bold + DM Sans Regular
- Manrope Bold + Manrope Regular
- Space Grotesk Medium + Open Sans Regular
- Rosario Bold + Source Sans Pro Regular


*Corporate/Professional:*

- Work Sans Bold + Open Sans Regular
- IBM Plex Sans Bold + IBM Plex Sans Regular
- Source Sans Pro Bold + Source Sans Pro Regular


**Typography Implementation Rules:**
DO: Use line-height between 1.4-1.6 for body text (use 'leading-relaxed' or 'leading-6')
DO: Create clear hierarchy with size jumps: text-sm to text-base to text-lg to text-xl to text-2xl
DON'T: Use decorative fonts for body text
DON'T: Use font sizes smaller than 14px (text-sm) for body content