Styleguide

Our style guide is your go-to resource for all things Avail - from our colors and crisp logos to the design principles that keep us looking sharp and innovative.

Color

Neutral Color 01 - #FFFFFF

Neutral Color 02 - #F8F4F1

Neutral Color 03 - #454140

Neutral Color 04 - #120A0B

Neutral Color 05 - #E3E2E2

Neutral Color 06 - #666

Light Purple - #9886FE

Lime Green - #C9FF85

Light Blue - #6DD3FF

Primary Blue - #045AFF

Success Green - #4DC564

Favorite Yellow - #FFC52E

Light Green - #B9EEC6

Rich Red - #DE2725

Dark Orange - #FE6A35

Light Orange - #FFA17F

Dark Purple - #6340E8

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Logos

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Theme Color 03

Typography

Display Heading 1

Heading 1

Heading 2

Display Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Button Styles