Foundations

Scales

Spacing, radius, shadow, and type-size tokens. Lay things out on the 4px grid by name, so raw numbers stay out of your code.

Spacing

space-1

space-2

space-3

space-4

space-5

space-6

space-8

space-10

space-12

space-16

space-20

space-24

radius-sm

radius-md

radius-lg

radius-xl

radius-2xl

radius-pill

shadow-sm

shadow-md

shadow-lg

shadow-xl

見出しと本文　Heading text-xs

見出しと本文　Heading text-sm

見出しと本文　Heading text-md

見出しと本文　Heading text-lg

見出しと本文　Heading text-xl

見出しと本文　Heading text-2xl

見出しと本文　Heading text-3xl

見出しと本文　Heading text-4xl

見出しと本文　Heading text-5xl