System
An ever-growing guide to the design system, including typography, components, form elements, and patterns used throughout the site.
Examples
Card Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Small Card
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
With Blurred Image
A FadeImage nested at the top of a card. Pass backgroundColor="var(--card)" so the image fades into the card surface, then pull the title up into the lower edge of the image.
Nested blurred image
The blur and fade scale with the frame, and the fade resolves to the card color so the transition from image to content stays seamless.