1
Colour
2
Typography
3
Interface
4
Layout
5
Assets
Getting Started

Welcome to the style guide for your project. Use this page to manage global styles and keep your website organised and visually consistent.

Documentation
TooEasy Website
Colour
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Theme base
Learn More
Learn More
Learn More
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Theme 1
Learn More
Learn More
Learn More
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Theme 2
Learn More
Learn More
Learn More
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Theme 3
Learn More
Learn More
Learn More
Aa
Aa
Aa
Aa
Aa
Aa
Learn More
Learn More
Learn More
Theme Image
Typography
Typeface(s)
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
Primary
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
Secondary
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
tertiary
Weights
Aa
300
Aa
400
Aa
500
Aa
600
Aa
700
Display
AaBb
d0
AaBb
DdEe
d1
AaBbCc
DdEeFf
d2
AaBbCc
DdEeFf
d3
Headings
AaBbCc
DdEeFf
h1
AaBbCc
DdEeFf
h2
AaBbCc
DdEeFf
h3
AaBbCc
DdEeFf
h4
AaBbCcDdEeFf
h5
AaBbCcDdEeFf
h6
Labels
Label Text
Huge
Label Text
xl
Label Text
lg
Label Text
md
Label Text
sm
Label Text
xsm
Label Text
tiny
Text
Lorem ipsum dolor sit amet consectetur elit.
Huge
Lorem ipsum dolor sit amet con sectetur adipiscing elit suspe disse varius enim in.
xl
Lorem ipsum dolor sit amet con sectetur adipiscing elit suspe disse varius enim in eros elementum.
lg
Lorem ipsum dolor sit amet con sectetur adipiscing elit suspe disse varius enim in eros elementum.
Main
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.
sm
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.
xsm
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.
tiny

Heading 1

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

Heading 2

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

Heading 3

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

Heading 4

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

Heading 5

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

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

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

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

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

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

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

  • Item A
  • Item B
  • Item C

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

Image Caption Here

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

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

Text link

Bold text

Emphasis

Superscript

Subscript

Richtext
Interface
Links
Links
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Buttons
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Icon Buttons
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Dropdown RESET
Dropdown Reset
Dropdown Reset
Dropdown Reset
Pills
Pill
Pill
Pill
Pill
Pill
Pill
Pill
Pill
Pill
Pill
Pill
Pill
Pill
Pill
Pill
Icon Buttons
Arrow Buttons
Form Elements
Text Fields
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Areas
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkbox
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
RADIO
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select Field
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Submit Buttons
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Tags
Tag
Tag
Tag
Tag
Tag
Tag
Tag
Tag
Tag
Layout
Grid
12 Column
Dividers
Containers
Spacing
Assets
Logo
Iconography
Icon SVG
Google Icons

Styling System created by TooEasy BC

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