BASIER SQUARE

Typography

Type styles for body text, headings & subheadings.
Changes here will apply site wide.

Style Guide.

Body text 1

Webflow Style Guide

Body text 2

Webflow Style Guide

Body text 3

Webflow Style Guide

h5

Webflow Style Guide

H4

Webflow Style Guide

H3

Webflow Style Guide

H2

Webflow Design

H1

Webflow

Design In

Designer

Webflow

black

white

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

borders & fills

Brand Colors

Fill and border colors for backgrounds and more.
Changes here will apply site wide.

Style Guide.

Fill Accent 1

#ff007a

Fill Accent 2

#cf56ff

Fill Accent 3

#38a7ff

Fill Black

#000

Fill Gray 1

#d4d4d4

Fill Gray 2

#f8f8f8

Fill Gray 3

#f3f4f5

Fill White

#fff

border Accent 1

#ff007a

border Accent 2

#cf56ff

border Accent 3

#38a7ff

border Black

#000

border Gray 1

#d4d4d4

border White

#fff

border Wt 2px

Main Button

Large Button

Inline link 1

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 Inline Link libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Inline link 2

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 Inline Link libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Black Link

w/ Animated Icon

White Link

w/ Animated Icon