Basics

INFO

This section is about the foundation of our design system. They include typography, spacings, color palette, and helper classes for layout, colors, borders, and more. Furthermore, you will find information about our accessibility guidelines and how to use patterns in plausi.

Accessibility

• Introduction
• Accessibility Helper Classes

Typography

• Headings
• Paragraph Styles
• Typography Helper Classes

Colors

• Color Helper Classes

Layout & Spacings

• Border Helper Classes
• Flexbox Helper Classes
• Grid Helper Classes
• Layout Container
• Layout Sections
• Positioning / Display Helper Classes
• Size Helper Classes
• Spacing Helper Classes

Other

• Animation Helper Classes
• Print Helper Classes
• Random Helper Classes

Utilities

• JavaScript Utilities
• toggleStickyClass()
• Useful SCSS Mixins
• Useful SCSS Functions