Gijs Verheijke

 

Design System

Colors

Background

Foreground

Primary

Primary Foreground

Secondary

Secondary Foreground

Accent

Accent Foreground

Muted

Muted Foreground

Border

Input

Ring

Hover Background

Hover Foreground

Chart 1

Chart 2

Chart 3

Chart 4

Chart 5

Typography

This is a Heading 1

Default h1: text-xl font-medium

This is a Link

Default link: text-primary underline hover:text-hoverbg

  • List item 1
  • List item 2
  • List item 3

Default ul: list-disc list-outside space-y-3 ml-6

Border Radius

rounded-lg

0.5rem

rounded-md

0.3rem

rounded-sm

0.1rem