Style Guide

This style guide contains styles and components used through the website. You can change any style from this page and it will be updated throughout the site.

HTML Heading Tags

H1

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H2

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H3

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H4

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H5

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H6

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

HTML Tags

All Paragraphs

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.

All Quotes

"Design is not just what it looks like and feels like. Design is how it works."

All Unordered Lists

  • This is a simple sentence on an unorderd list.
  • This is a simple sentence on an unorderd list.
  • This is a simple sentence on an unorderd list.

All Ordered Lists

  1. This is a simple sentence on an orderd list.
  2. This is a simple sentence on an orderd list.
  3. This is a simple sentence on an orderd list.

Heading Styles

H1 Large

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H1

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H2

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H3

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H4

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H5

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

H6

Earth is the third planet from the Sun and the only place in the universe known to harbor life.

Font Weight Styles

Font Normal

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Font Medium

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Font Bold

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Font Black

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Text Sizes

Text XSmall

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Text Small

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Text Normal

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Text Medium

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Text Large

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Text XLarge

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Text Styles

All Caps

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Capitalize

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Italic

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Letterspacing

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Strikethrough

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Underline

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Text Alignment

Align Left

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Align Right

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Align Center

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Align Justify

Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury.

Buttons & Links

Button

BUTTON

Button Relative Projects

More Projects

Ghost Button

GHOST BUTTON

Ghost Button Arrow

GHOST BUTTON

Button Emberglow

BUTTON

Underline None

Text Link

Background Colors

BG Emberglow

#ed6a5a

BG Sarawak White Pepper

#f4f1bb

BG Pitter Patter

#9bc1bc

BG Hydrangea Floret

#e6ebe0

BG Bianchi Green

#36c9c6

BG Black

#000000

BG Carbon

#333333

BG Squant

#666666

BG Million Grey

#999999

BG Orochimaru

#d9d9d9

BG White

#FFFFFF

Font Colors

FC Emberglow

#ed6a5a

This is a style guide for your Webflow website.

FC Sarawak White Pepper

#f4f1bb

This is a style guide for your Webflow website.

FC Pitter Patter

#9bc1bc

This is a style guide for your Webflow website.

FC Hydrangea Floret

#e6ebe0

This is a style guide for your Webflow website.

FC Bianchi Green

#36c9c6

This is a style guide for your Webflow website.

FC Black

#000000

This is a style guide for your Webflow website.

FC Carbon

#333333

This is a style guide for your Webflow website.

FC Squant

#666666

This is a style guide for your Webflow website.

FC Million Grey

#999999

This is a style guide for your Webflow website.

FC Orochimaru

#d9d9d9

This is a style guide for your Webflow website.

FC White

#FFFFFF

This is a style guide for your Webflow website.

Grids

Grid 1 Column

Grid 2 Columns

Grid 3 Columns

Grid 3 Columns RowGap40

Grid 3 Columns RowGap56

4 Columns Grid

Columns

Column 1

Column 2

Column 3

Column 4

Column 5

Column 6

Column 7

Column 8

Column 9

Column 10

Column 11

Row

Spacers

Spacer 16

Spacer 24

Spacer 32

Spacer 40

Spacer 48

Spacer 56

Spacer 64

Spacer 72

Spacer 80

Spacer 88

Spacer 96

Spacer 104

Spacer 112

Spacer 120

Spacer 128

Spacer 136

Spacer 144

Spacer 160

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Earth is the third planet from the Sun and home to all known life. While large volumes of water can be found throughout the Solar System, only Earth sustains liquid surface water. Approximately 70.8% of Earth's surface is made up of the ocean, dwarfing Earth's polar ice, lakes, and rivers. The remaining 29.2% of Earth's surface is land, consisting of continents and islands. Earth's surface layer is formed of several slowly moving tectonic plates, which interact to produce mountain ranges, volcanoes, and earthquakes. Earth's liquid outer core generates the magnetic field that shapes the magnetosphere of Earth, deflecting destructive solar winds.

Unordered List
  • List One
  • List Two
  • List Three
Ordered List
  1. List One
  2. List Two
  3. List Three

This is a simple Link

"Design is not just what it looks like and feels like. Design is how it works."

A simple image with caption

Forms

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

Paddings

Padding Size

Padding Zero

Padding XSmall

Padding Small

Padding Normal

Padding Medium

Padding Plus

Padding XPlus

Padding Large

Padding XLarge

Padding Ultra

Padding Top

Padding Top Zero

Padding Top XSmall

Padding Top Small

Padding Top Normal

Padding Top Medium

Padding Top Plus

Padding Top XPlus

Padding Top Large

Padding Top XLarge

Padding Top Max

Padding Right

Padding Right Zero

Padding Right XSmall

Padding Right Small

Padding Right Normal

Padding Right Medium

Padding Right Plus

Padding Right XPlus

Padding Right Large

Padding Right XLarge

Padding Right Max

Padding Bottom

Padding Bottom Zero

Padding Bottom XSmall

Padding Bottom Small

Padding Bottom Normal

Padding Bottom Medium

Padding Bottom Plus

Padding Bottom XPlus

Padding Bottom XPlus

Padding Bottom XLarge

Padding Bottom Max

Padding Left

Padding Left Zero

Padding Left XSmall

Padding Left Small

Padding Left Normal

Padding Left Medium

Padding Left Plus

Padding Left XPlus

Padding Left Large

Padding Left XLarge

Padding Left Max

Padding Vertical

Padding Vertical Zero

Padding Vertical XSmall

Padding Vertical Small

Padding Vertical Normal

Padding Vertical Medium

Padding Vertical Plus

Padding Vertical XPlus

Padding Vertical Large

Padding Vertical XLarge

Padding Vertical Max

Padding Horizontal

Padding Horizontal Zero

Padding Horizontal XSmall

Padding Horizontal Small

Padding Horizontal Normal

Padding Horizontal Medium

Padding Horizontal Plus

Padding Horizontal XPlus

Padding Horizontal Large

Padding Horizontal XLarge

Padding Horizontal Max

Margins

Margin Size

Margin Zero

Margin XSmall

Margin Small

Margin Normal

Margin Medium

Margin Plus

Margin XPlus

Margin Large

Margin XLarge

Margin Max

Margin Top

Margin Top Zero

Margin Top XSmall

Margin Top Small

Margin Top Normal

Margin Top Medium

Margin Top Plus

Margin Top XPlus

Margin Top Large

Margin Top XLarge

Margin Top Max

Margin Right

Margin Right Zero

Margin Right XSmall

Margin Right Small

Margin Right Normal

Margin Right Medium

Margin Right Plus

Margin Right XPlus

Margin Right Large

Margin Right XLarge

Margin Right Max

Margin Bottom

Margin Bottom Zero

Margin Bottom XSmall

Margin Bottom Small

Margin Bottom Normal

Margin Bottom Medium

Margin Bottom Plus

Margin Bottom XPlus

Margin Bottom Large

Margin Bottom XLarge

Margin Bottom Max

Margin Left

Margin Left Zero

Margin Left XSmall

Margin Left Small

Margin Left Normal

Margin Left Medium

Margin Left Plus

Margin Left XPlus

Margin Left Large

Margin Left XLarge

Margin Left Max

Margin Vertical

Margin Vertical Zero

Margin Vertical XSmall

Margin Vertical Small

Margin Vertical Normal

Margin Vertical Medium

Margin Vertical Plus

Margin Vertical XPlus

Margin Vertical Large

Margin Vertical XLarge

Margin Vertical Max

Margin Horizontal

Margin Horizontal Zero

Margin Horizontal XSmall

Margin Horizontal Small

Margin Horizontal Normal

Margin Horizontal Medium

Margin Horizontal Plus

Margin Horizontal XPlus

Margin Horizontal Large

Margin Horizontal XLarge

Margin Horizontal Max

Flex

Flex Horizontal

Flex Horizontal Gap XSmall

Flex Horizontal Gap Small

Flex Horizontal Gap Normal

Flex Horizontal Gap Medium

Flex Horizontal Gap Plus

Flex Horizontal Gap XPlus

Flex Horizontal Gap Large

Flex Horizontal Gap Large

Flex Horizontal Gap Max

Flex Horizontal Align

FH Align Start

FH Align Center

FH Align End

FH Align Stretch

FH Align Baseline

Flex Horizontal Justify

FH Justify Start

FH Justify Center

FH Justify End

FH Space Between

FH Space Around

Flex Vertical

Flex Vertical Gap XSmall

Flex Vertical Gap Small

Flex Vertical Gap Normal

Flex Vertical Gap Medium

Flex Vertical Gap Plus

Flex Vertical Gap XPlus

Flex Vertical Gap Large

Flex Vertical Gap XLarge

Flex Vertical Gap Max

Flex Vertical Align

FV Align Start

FV Align Center

FH Align End

FV Align Stretch

FV Align Baseline

Flex Vertical Justify

FV Justify Start

FV Justify Center

FV Justify End

FV Space Between

FV Space Around