Web Components

Headers

I'm a large section title

I'm a small section title

I'm some paragraph text

Button


Caret

Horizontal Line








Single Select

Default

Help Text

Default Selection

Toggle

Tailwind Configs

Font family

text sans serif

text serif

Font size

0 = size 0 font

xs = size 12px font

sm = size 13px font

smx = size 14px font

md = size 16px font

lg = size 18px font

xl = size 20px font

2xl = size 24px font

3xl = size 26px font

4xl = size 32px font

5xl = size 36px font

6xl = size 42px font

7xl = size 96px font

Colors

black-pitch-black
black
black-lighter
black-20
black-lightest
white
white-40
brown
brown-lighter
orange
orange-lighter
blue
blue-lighter
green
green-lighter
green-lightest
gold
gold-lighter
gray
gray-light
gray-lighter
gray-lightest

Border radius

xs = 7px
sm = 10px
md = 12px
lg = 20px

Min/max width

md: 630px
lg: 1000px
xl: 1280px

Min height

sm: 44px
md: 413px
lg: 581px
full: 100%

Screen breakpoints

sm: 640px
md: 768px
lg: 1025px
xl: 1280px
xxl: 1400px

Margin top


mt-1: 0.25rem

mt-2: 0.5rem

mt-3: 0.75rem

mt-4: 1rem

mt-5: 1.25rem

mt-6: 1.5rem

Make your password short and easy to guess

First name is required

Make your password short and easy to guess

Need more information? Get in touch with us at (000) 123 - 4567 or [email protected]

We're sorry, your description is too specific. Changing filter options might give you better results