Style Guide

Colors

All Colors used across the Template. All Colors are set up using Webflow Variables.

Primary

#6A46FF
Primary 500 | Main Brand Color
#E4DAFF
Primary 100
#C7B4FF
Primary 200
#AA90FF
Primary 300
#9274FF
Primary 400
#6A46FF
Primary 500
#5033DB
Primary 600
#3A23B7
Primary 700
#271693
Primary 800
#190D7A
Primary 900

Neutral

#1E1E22
Neutral 500
#EEEEF3
Neutral 100
#DDDDE8
Neutral 200
#AFAFBC
Neutral 300
#6F6F7A
Neutral 400
#1E1E22
Neutral 500
#15151D
Neutral 600
#0F0F18
Neutral 700
#090913
Neutral 800
#050510
Neutral 900

Success

#a9e218
Success 500
#f6fdd0
Success 100
#eafca1
Success 200
#d8f672
Success 300
#c5ed4e
Success 400
#a9e218
Success 500
#8bc211
Success 600
#6fa20c
Success 700
#558307
Success 800
#436c04
Success 900

Warning

#ffab51
Warning 500
#fff4dc
Warning 100
#ffe7b9
Warning 200
#ffd696
Warning 300
#ffc67c
Warning 400
#ffab51
Warning 500
#db863b
Warning 600
#b76428
Warning 700
#934719
Warning 800
#7a320f
Warning 900

Danger

#ff3232
Danger 500
#ffe4d6
Danger 100
#ffc2ad
Danger 200
#ff9983
Danger 300
#ff7265
Danger 400
#ff3232
Danger 500
#db2434
Danger 600
#b71934
Danger 700
#930f32
Danger 800
#7a0930
Danger 900

Info

#3a57ff
Info 500
#d7dfff
Info 100
#b0bfff
Info 200
#889dff
Info 300
#6b83ff
Info 400
#3a57ff
Info 500
#2a41db
Info 600
#1d2fb7
Info 700
#121f93
Info 800
#0b147a
Info 900

Typography

Find all Headings, Body Text, Links & Rich Text Elements.

Display 1

Display 2

Display 3

Display 4

Body Large

Body Default

Body Small

Text Link

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

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Buttons

All Buttons used across the Template.

Form

All Form Elements used in this Template.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Explore more premium Webflow Templates
Customize this Template with a Webflow Professional Partner!