Introducing RevShoppe
Template Style Guide

Brand Primary Palette

PRIMARY BRAND COLOURS
Tomato
#f85342
Light Tomato
#ffbcb2
Ghost Pink
#2fecf8
Purple
#a5faff
Light Purple
#effefe
Ghost White
#effefe
Midnight Blue
#170a3e
Dark Slate
#38327c
Light Slate
#878cbd
Orange Dark
#bc7100
Orange Dark
#dc8f1c
Orange
#ffb443
Orange Tint
#ffdaa4
Orange Tint
#fff9f0

Typography Styles

Looking for something else? Visit flowbase.co

Global Headings

PRIMARY BRAND COLOURS

Aa Bb Cc Dd Ee

Display
64px
Note: Display headings are not a global style, and its styles are applied directly through use of the class name

Aa Bb Cc Dd Ee

Heading 1
48px

Aa Bb Cc Dd Ee

Heading 2
40px

Aa Bb Cc Dd Ee

Heading 3
32px

Aa Bb Cc Dd Ee

Heading 4
24px
Aa Bb Cc Dd Ee
Heading 5
18px
Heading Large
Heading Large
18px
Heading Default
Heading Default
18px
SUBHEADING LARGE
Subheading Large
12px
Subheading Small
Subheading Small
10px

Paragraph

STYLES

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Large
18px

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Normal
16px

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Small
14px

Additional Type

STYLES

This line rendered as bold text.

Bold

This line rendered as italicized text.

Italic

This line of text is meant to be treated as deleted text.

Strikethrough

This line of text is meant to be treated as deleted text.

Underline

You can use the mark tag to highlight text.

Highlight

This line rendered as bold text.

Bold

Lists

STYLES
  • Example of a dot point list item
  • Example of a dot point list item
  • Example of a dot point list item
Dot Point Lists
  • Example of a dot point list item
  • Example of a dot point list item
  • Example of a dot point list item
Numbered List

Banner Bars

Looking for something else? Visit flowbase.co