boomslang.webflow.io

Style Guide

Edit the following Elements directly in this Style Guide. All changes will be reflected across the Library.

Typography

Heading 1

Class Name:

Heading H1

Heading 2

Class Name:

Heading H2

Heading 3

Class Name:

Heading H3

Heading 4

Class Name:

Heading H4

Heading 5

Class Name:

Heading H5

Heading 6

Class Name:

Heading H6

Text Small (14px)

Class Name:

Text Small Light

Class Name:

Text Small Regular

Class Name:

Text Small Medium

Class Name:

Text Small Bold

Text Normal (16px)

Class Name:

Text Normal Light

Class Name:

Text Normal Regular

Class Name:

Text Normal Medium

Class Name:

Text Normal Bold

Text Large (18px)

Class Name:

Text Large Light

Class Name:

Text Large Regular

Class Name:

Text Large Medium

Class Name:

Text Large Bold

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Bold text

Emphasis

^Superscript

_Subscript

Links

Class Name:

Link

Component:

Breadcrumbs

Template Colors

Aa

Primary Color

#9a7b63

Aa

Light Accent

#b2aeaf

Aa

Dark Accent

#8c9187

Aa

Light Shade

#f1eeee

Aa

Dark Shade

#373a34

System Colors

Aa

Success

#639f56

Aa

Warning

#e18f1e

Aa

Danger

#f44336

Aa

Info

#1d1e1d

Aa

Default

#999999

Buttons

Button Primary Small

Button Primary Regular

Button Primary Large

Button Secondary Small

Button Secondary Regular

Button Secondary Large

Input

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Class Name:

Input Field

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Class Name:

Input Field / Text Area

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Class Name:

Input Field / Select

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Component Name:

Input Field + Button

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Class Names:

Checkbox Field, Checkbox Label, Checkbox

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Class Names:

Radio Field, Radio Label, Radio

Icons

Class Name:

Social Icons Wrapper, Social Icon Container, Social Icon