Styleguide

Style Guide page contains styles that are used the most throughout this template.

HTML heading tags

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6
Heading classes

Heading Xlarge

Heading Large

Heading Medium

Heading Small

heading-xsmall

HTML text tags

All Paragraphs (HTML-TAG)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

All Links (HTML-TAG)
All Quotes (HTML-TAG)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet
Text sizes

Text Size Large:
Lorem ipsum dolor sit amet, consec adipiscing elit. Suspend varius

Text Size Medium:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet

Text Size Regular:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet

Text Size Small:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet

Text Size Tiny:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet

Text weights
Text Weight Bold
Text Weight Semibold
Text Weight Medium
Text Weight Normal
Text Weight Light
Text styles

Text Style Strikethrough

Text Style Italic

Text Style Muted
text style allcaps
Text Style Nowrap
Text Style Link
Text Style Quote:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,
Text alignments
Text Align Left
Text Align Center
Text Align Right
Rich text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,

This is a link

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Placeholder
This is a placeholder image.
Text colors
Text Color White
Text Color Gray
Text Color Black
Text Color Blue
Primary colors
Color 1
#1a22dc
Color 2
#1034f2
Color 3
#3d5cf5
Color 4
#6f95f5
Color 5
#2fd3f6
Color 6
#aaf0ff
Color 7
#8634f2
Color 8
#1b993b
Color 9
#d91c49
Neutral colors
Neutral 01
Neutral 01
Neutral 02
Neutral 02
Neutral 03
Neutral 03
Neutral 04
Neutral 04
Neutral 05
Neutral 05
Neutral 06
Neutral 06
Neutral 07
Neutral 07
Neutral 08
Neutral 08
Neutral 09
Neutral 09
Neutral 10
Neutral 10
Neutral 11
Neutral 11
Neutral 12
Neutral 12
Neutral 13
Neutral 13
Neutral 14
Neutral 14
Neutral 15
Neutral 15
Backgrounds
Webflow elements

List

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet.

Form

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.