Hero · follows the active theme
A visual system you can make yours.
Choose light or dark, set an accent, adjust the shape and density, then copy the same token layer into your project. The modern preset is the default; Terminal remains available as an optional preset.
Theme controls
Customize the look
Every preview and code sample follows these tokens.
violet
blue
emerald
orange
Theme previews
Feature bento · follows the active theme
Spotlight panel · follows the active theme
Gradient wash · follows the active theme
Pricing comparison · follows the active theme
Button · follows the active theme