Table of Contents

Video Training - Adding Events

Photo Editing and Changing Photos

Changing Website Videos

Adding Videos to the Carousel

Brand Colors

#000000

Black

#202020

Mine Shaft

#F5F5F5

Wild Sand

#FFFFF

White

#DA1000

Guardsman Red

#B10701

Bright Red

Company Profile

Band Name

Cassandra Long Band

Business Phone

(309) 642-1989

Google Business Profile

https://goo.gl/maps/rUEDcGYy5dTFNZzw5

Logos & Brand Assets

Details

Example

Primary Logo - Red and Black
Primary Logo - Red and White
Secondary Logo - Horizontal
Secondary Logo - Square

Spacing

Details

Example

  • Section Spacing
    • Desktop: 125px
Space between section lines and content
  • Section Spacing
    • Tablet: 100px
    • Mobile: 100px
  • Heading & Subheading
    • Desktop: 25-30px
    • Tablet: 25-30px
    • Mobile: 25-30px
Space between headings
  • Heading & Paragraph
    • Desktop: 40-45px
    • Tablet: 40-45px
    • Mobile: 40-45px
Space between heading and paragraph
  • Between Content & Buttons
    • Desktop: 40-45px
    • Tablet: 40-45px
    • Mobile: 40-45px
  • Single Column Width
    • 875px
  • Desktop, Tablet & Mobile – Left and Right Padding (Some exceptions exist on a case by case basis.)
Left and right padding 15px
  • Desktop – Space between headings and large elements like videos and graphics.
  • Tablet and Mobile – Space between headings and large elements like videos and graphics.

Typography

Details

Example

  • H1 – Desktop
    • Font Family: Stardos Stencil
    • Font Size: 60px
    • Font Color: #202020
    • Line Height: 1.2 em
  • H1 – Tablet
    • Font Family: Stardos Stencil
    • Font Size: 50px
    • Font Color: #202020
    • Line Height: 1.2 em
  • H1 – Mobile
    • Font Family: Stardos Stencil
    • Font Size: 40px
    • Font Color: #202020
    • Line Height: 1.2 em

Add Your Heading Text Here

  • H2 – Desktop
    • Font Family: Stardos Stencil
    • Font Size: 50px
    • Font Color: #202020
    • Line Height: 1.2 em
  • H2 – Tablet
    • Font Family: Stardos Stencil
    • Font Size: 40px
    • Font Color: #202020
    • Line Height: 1.2 em
  • H2 – Tablet, Mobile
    • Font Family: Stardos Stencil
    • Font Size: 30px
    • Font Color: #202020
    • Line Height: 1.2 em

Add Your Heading Text Here

  • H3 – Desktop
    • Font Family: Roboto Condensed
    • Font Size: 30px
    • Font Color: #202020
    • Line Height: 1.2 em
  • H3 – Tablet
    • Font Family: Roboto Condensed
    • Font Size: 27px
    • Font Color: #202020
    • Line Height: 1.2 em
  • H3 – Mobile
    • Font Family: Roboto Condensed
    • Font Size: 25px
    • Font Color: #202020
    • Line Height: 1.2 em

Add Your Heading Text Here

  • H4 – Desktop
    • Font Family: Roboto Condensed
    • Font Size: 25px
    • Font Color: #202020
    • Line Height: 1.2 em
  • H4 – Tablet
    • Font Family: Roboto Condensed
    • Font Size: 25px
    • Font Color: #202020
    • Line Height: 1.2 em
  • H4 – Mobile
    • Font Family: Roboto Condensed
    • Font Size: 23px
    • Font Color: #202020
    • Line Height: 1.2 em

Add Your Heading Text Here

  • H5 – Desktop, Tablet, Mobile
    • Font Family: Roboto Condensed
    • Font Size: 20px
    • Font Color: #202020
    • Line Height: 1.2 em
Add Your Heading Text Here
  • H6 – Desktop, Tablet, Mobile
    • Font Family: Roboto Condensed
    • Font Size: 18px
    • Font Color: #202020
    • Line Height: 1.2 em
Add Your Heading Text Here
  • Body Text – Desktop
    • Font Family: Roboto
    • Font Size: 18px
    • Font Color: #202020
    • Line Height: 1.2 em
  • Body Text – Tablet, Mobile
    • Font Family: Roboto
    • Font Size: 17px
    • Font Color: #202020
    • Line Height: 1.2 em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • Web Safe Font (Email, HTML, etc.)
    • Font Family: Arial
    • Font Size: 18px
    • Font Color: #202020
    • Line Height: 1.2 em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.