<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1229673850378097&amp;ev=PageView&amp;noscript=1">

Switcher Web Style Guide

A little something to show what styles are available for the Switcher Studio website. This should be ever-evolving just like the Switcher brand.

Last updated on January 14th, 2021

Colors

Primary

 

Orange

#ed5623

Secondary

 

Blue Dark

#042c3b

 

Blue

#0c4f60

 

Gray Light

#f4f5f6

 

Orange Light

#0c4f60

Tertiary

 

Teal Light

#1ebdc1

 

Teal

#138f99

 

Gray

#515151

 

Gray Dark

#3f4e57

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Fancy Heading Styles

All headings can have classes added them to create the displayed header style. The use of modifier classes allows us to change the location and color of decorative underline. Available modifiers currently are fancy--center and fancy--reverse

 


 

Fancy Heading

A Fancy Centered Heading

A Fancy Centered and Reversed Heading

Paragraph Styles

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui.

Integer posuere dapibus posuere velit aliquet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui.

 


 

Lists

Unordered

  • List item one
  • List item two
  • List item three
    • List item one
    • List item two
    • List item three
    • List item four
  • List item four

Ordered

  1. List item one
  2. List item two
  3. List item three
    • List item one
    • List item two
    • List item three
    • List item four
  4. List item four

Definition

Coffee
Black hot drink
Milk
White cold drink

Comp List

  • Display Facebook comments live in your video for real-time engagement.
  • Show real-time scores for live sports streams with our customizable Scoreboard extension.
  • Connect your audio mixer to ensure perfect audio for viewers.
  • Share to multiple Facebook destinations at once with Facebook crossposting.
  • Share your phone or computer screen with the world.
  • Schedule your livestream on Facebook to notify followers early.
  • Access tons of video tutorials and step-by-step guides.
  • Get prompt email support for specific questions.
  • Find inspiration and camaraderie in our lively Facebook group of Switcher enthusiasts.

 


 

Blockquote

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. 

 


 

Inline Elements

This is a link in its most default state.

You can use the <mark> tag to highlight text.

You can use the <abbr> tag to format abbreviations, like HTML.

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

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

 


 

Tables

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94

Buttons

Graphic Patterns

Form Elements