• Getting Started
  • Foundations
  • Components
  • About
Foundations
Foundations section header
  • Foundations
  • Accessibility
    • Digital Experiences
    • Documents
    • Learning Resources
    • Legal Requirements
  • Design Tokens
  • Utilities
    • General Utilities
    • Flexbox
    • Layout Grid
    • Margin and Padding
    • Typography

Utilities

Accessibility
General Utilities
Utility classes for display, float, opacity, and z-index
Flexbox
Flexbox
These utility classes are used to create a flexbox layout.
Layout Grid
Layout Grid
The grid is mobile-first, powered by flexbox, and based on a 12-column system.
Margin and Padding
Margin and Padding
Utility classes for margin and padding.
Typography
Typography
Utility classes for typography elements.

Quick Links

  • Getting Started
  • Foundations
  • Components
  • About NYSDS

Support

  • Privacy
  • Accessibility
  • Contact

Resources

  • NYSDS GitHub
  • NYSDS Fonts GitHub
  • NYSDS NPM Packages
  • NYSDS Figma Library