Style Guide

Deign Elements

Colors

#ba0c2f

#76bc21

#ed1c24

#94021d

#5b57a6

#612483

#fbab18

#f15a22

#89c765

#00855e

#888b8d

Primary Typeface

Montserrat Light

Montserrat Regular

Montserrat Semibold

Montserrat Black

Secondary Typeface

Source Sans Pro

Headlines

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Type Treatments

This is a text link

Strong is used to indicate strong importance

This text has added emphasis

The b element is stylistically different text from normal text, without any special importance

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

This text is deleted and This text is inserted

This text has a strikethrough

Superscript®

Subscript for things like H2O

This small text is small for for fine print, etc.

Abbreviation: HTML

Keybord input: Cmd

This text is a short inline quotation

This is a citation

The dfn element indicates a definition.

The mark element indicates a highlight

This is what inline code looks like.

This is sample output from a computer program

The variarble element, such as x = y

Paragraph

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Preformatted Text

  	
      P R E F O R M A T T E D T E X T
      ! " # $ % & ' ( ) * + , - . /
      0 1 2 3 4 5 6 7 8 9 : ; < = > ?
      @ A B C D E F G H I J K L M N O
      P Q R S T U V W X Y Z [ \ ] ^ _
      ` a b c d e f g h i j k l m n o
      p q r s t u v w x y z { | } ~
      

Lists

  • Lorem Ipsum
  • Egestas Condimentum Commodo
  • Porta Fermentum Ultricies
  • Fermentum Vehicula Dapibus Venenatis
  1. Lorem Ipsum
  2. Egestas Condimentum Commodo
  3. Porta Fermentum Ultricies
  4. Fermentum Vehicula Dapibus Venenatis

Basic Image

Man at computer with student

Form Elements