Theme Builder

This is a work in progress.

Width × Height: ↔ × ↕

1rem=

1rem=

Scale multiplier=

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph

Small

1rem

2rem

3rem

4rem

5rem

6rem

7rem

8rem

9rem

10rem

--s-xxxs

--s-xxs

--s-xs

--s-s

--s-m

--s-l

--s-xl

--s-xxl

--s-xxxl

--s-xxxxl

--s-xxxxxl

Color Palette

100

#fefefe

200

#fefefe

300

#fefefe

400

#fefefe

500

#fefefe

600

#fefefe

700

#fefefe

800

#fefefe

900

#fefefe

100

#fefefe

200

#fefefe

300

#fefefe

400

#fefefe

500

#fefefe

600

#fefefe

700

#fefefe

800

#fefefe

900

#fefefe

100

#fefefe

200

#fefefe

300

#fefefe

400

#fefefe

500

#fefefe

600

#fefefe

700

#fefefe

800

#fefefe

900

#fefefe

100

#fefefe

200

#fefefe

300

#fefefe

400

#fefefe

500

#fefefe

600

#fefefe

700

#fefefe

800

#fefefe

900

#fefefe

100

#fefefe

200

#fefefe

300

#fefefe

400

#fefefe

500

#fefefe

600

#fefefe

700

#fefefe

800

#fefefe

900

#fefefe

100

#fefefe

200

#fefefe

300

#fefefe

400

#fefefe

500

#fefefe

600

#fefefe

700

#fefefe

800

#fefefe

900

#fefefe

100

#fefefe

200

#fefefe

300

#fefefe

400

#fefefe

500

#fefefe

600

#fefefe

700

#fefefe

800

#fefefe

900

#fefefe