System

A comprehensive guide to the design system, including typography, components, form elements, and patterns used throughout the site.

Core Tokens

Background

--background

Foreground

--foreground

Accent

--accent

Destructive

--destructive

Warning

--warning

Success

--success

9-Step Color Tokens

Token Scale

100

200

300

400

500

600

700

800

900

Background

--background

Foreground

--foreground

Accent

--accent

Destructive

--destructive

Warning

--warning

Success

--success