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.
- Unordered item one
- Unordered item two
- Ordered item one
- Ordered item two
Blockquote
A short quoted line, styled with a left border and muted text.
Code block
function example() {
return "hello";
}
Table
| Column A | Column B | Column C |
|---|---|---|
| cell | cell | cell |
| cell | cell | cell |
Forms
Components
Button