Design System Playground ...powered by Theme UI

Welcome to the Playground

Font Families

body

The quick brown fox jumps over the lazy dog.

Aa
100
Aa
200
Aa
300
Aa
400
Aa
500
Aa
600
Aa
700
Aa
800
Aa
900

'avenir next', avenir, helvetica, arial, sans-serif

Type Scale

16
Aa
18
Aa
20
Aa
24
Aa
30
Aa
36
Aa
40
Aa
48
Aa
64
Aa
72
Aa
96
Aa

Heading 1H1

Heading 2H2

Heading 3H3

Heading 4H4

Heading 5H5

Heading 6H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Maecenas accumsan lacus vel facilisis. Massa tincidunt dui ut ornare. Amet nisl purus in mollis nunc sed id. Auctor augue mauris augue neque gravida in fermentum. Ut morbi tincidunt augue interdum velit euismod in pellentesque massa. Mattis molestie a iaculis at erat pellentesque adipiscing commodo.

Open Sourced on Github

Built with Gatsby

Styled by Theme UI

Deployed to Netlify

Another cool thing is Components AI

Built by John Polacek

Website: johnpolacek.com

Twitter: @johnpolacek

github.com/johnpolacek