sgds-typography

To apply consistent SGDS typography, use sgds: prefixes for font-size, font-weight, line-height, and letter-spacing classes. This standardizes styling across components by guiding AI agents to translate pixel values like 16px body text into the correct sgds: utility classes.

The correct SGDS typography implementation uses sgds: prefixes for utility classes. When a designer specifies a 28px heading, the skill translates this into the appropriate sgds: class, ensuring consistent font-size, font-weight, line-height, and letter-spacing across the project.

Yes, you can use this typography skill to standardize styling across both web UI components and documentation. It enforces consistent use of sgds: prefixes for font sizes, weights, line heights, and letter spacing, ensuring uniform text presentation throughout your project.

Inconsistent font-size and line-height styling occurs when SGDS typography utilities are applied manually without standardization. This skill solves the problem by enforcing sgds: prefixes for typography classes, ensuring AI agents apply uniform font weights, sizes, and letter spacing across all components.

No, this typography skill does not require any external dependencies to enforce letter-spacing and line-height standards. It operates independently to guide AI agents in applying sgds: prefixes for consistent font sizing and spacing across web UI development tasks.

The best way to standardize font-weight and letter-spacing utilities across a design system is to use sgds: prefixes. This skill ensures consistent application by translating design specifications into standardized sgds: typography classes for all web UI components and documentation.