Pattern Library
A collection of styles and patterns for use across the site.
Colors
Values are changed automatically between light and dark mode.
- highlightvar(--c-highlight)
- whitevar(--c-white)
- grayscale-1var(--c-grayscale-1)
- grayscale-2var(--c-grayscale-2)
- grayscale-3var(--c-grayscale-3)
- grayscale-4var(--c-grayscale-4)
- grayscale-5var(--c-grayscale-5)
- grayscale-6var(--c-grayscale-6)
- blackvar(--c-black)
Typography
Title
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Callout paragraph text style. Ultrices dui sapien eget mi. Tristique et egestas quis ipsum suspendisse ultrices gravida dictum fusce.
Example paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla porttitor massa id neque. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Ut lectus arcu bibendum at varius vel pharetra.
Nunc aliquet bibendum enim facilisis gravida neque convallis. Ultrices dui sapien eget mi. Tristique et egestas quis ipsum suspendisse ultrices gravida dictum fusce. Maecenas sed enim ut sem viverra. Odio euismod lacinia at quis. Ridiculus mus mauris vitae ultricies leo integer. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Urna porttitor rhoncus dolor purus. Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus.
Small paragraph text style.
Micro text style
This is a Link.