SGDS Typography Utilities Skill

Helps developers apply consistent text sizing, weights, spacing, and font families using SGDS typography utilities.

Prerequisites

Complete setup from sgds-utilities-setup skill first.

Typography utilities require the utility CSS import but do not require theme files — they are not theme-aware.

Core Concept

All SGDS typography utilities use the sgds: prefix. The four main properties:

• Font size — semantic role utilities (preferred) or raw scale sgds:text-{size} (xs → 9-xl)
• Font weight — sgds:font-{weight} (thin → black)
• Line height — semantic size utilities (preferred) or raw pixel utilities sgds:leading-{px}
• Letter spacing — sgds:tracking-{size} (tighter → widest)
• Font family — sgds:font-sans / sgds:font-mono