Trials

Design system

About

Replace this paragraph with a short description of what this project is about and who it is for. Keep it to one or two sentences — this is the first thing a collaborator reads when they open the design folder.

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph with a link, some inline code, and a small caption.

Color

--color-bg
--color-text
--color-muted
--color-border
--color-accent

Spacing

--space-xs
--space-sm
--space-md
--space-lg
--space-xl

Elements

Links and lists

An inline link inside a paragraph.

  1. Ordered item one
  2. Ordered item two

Blockquote

A short quoted line, styled with a left border and muted text.

Code block

function example() {
  return "hello";
}

Table

Column AColumn BColumn C
cellcellcell
cellcellcell

Forms

Components

Button