Brand Styles
Go Home

Avail Style Guide

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.

Contact Us

Colors

Primary Colors

Primary Blue
#045AFF
Dark Navy
#0A1428

Secondary Colors

Dark Purple
#634OE8
Success Green
#4DC564
Favorite Yellow
#FFC52E

Tertiary Colors

Light Blue
#6dd3ff
Light Purple
#B182FF
Light Green
#B9EEC6
Light Orange
#FFA17F
Dark Orange
#FE6A35
Rich Red
#DE2725

Typography

Download Font

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 48px/1.292em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 38px/1.368em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.375em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 20px/1.400em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 19px/1.333em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 18px/1.333em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 16px/2em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Small - 14px/1.857em
Link - Lorem ipsum dolor sit amet
Links

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

ItalicText
“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eu vestibulum massa volutpat vitae blandit aliquet rhoncus. Tempor, nunc id aliquam quis. Eget lobortis massa non, est aliquam vel. Cras proin urna nec metus, faucibus turpis nunc tellus.”
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
  • Lorem ipsum dolor sit amet, consectetur.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  3. Lorem ipsum dolor sit amet, consectetur.
Numered List
Reports SEO - SEO Webflow Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Figure & Figure Caption

Line Icons Rounded

Line Icons Square

Filled Icons

Social Media Icons

Icon Fonts

Vector Logos

PNG Logos