(615) 219-9181
Modern office space with staircase

Style Guide

Logo Usage

Primary Logo

Take the Stairs Logo

Alternate Logo

Take the Stairs Logo

Color Variations

Take the Stairs Logo

Take the Stairs Logo

Take the Stairs Logo

Take the Stairs Logo

Take the Stairs Logo

Take the Stairs Logo

Logo Protocol

Correct Usage

Take the Stairs Logo
Take the Stairs Logo

Incorrect Usage

Center justified

Take the Stairs Incorrect Logo Usage

All caps

Take the Stairs Incorrect Logo Usage

Changing icon proportions

Take the Stairs Incorrect Logo Usage Take the Stairs Incorrect Logo Usage

Please refrain from altering the logo in any case. In instances where the background is not white or transparent, use the approved knockout version above.

Primary Colors

Light Yellow

RGB: 249, 224, 146
CMYK: 3, 9, 51, 0
HEX: #9e092
Pantone: 1205 U

Yellow

RGB: 246, 205, 76
CMYK: 3, 17, 82, 0
HEX: #f6cd4c
Pantone: 121 U

Midtone Slate

RGB: 120, 144, 156
CMYK: 57, 35, 32, 2
HEX: #78909c
Pantone: 5425 U

Dark Slate

RGB: 69, 90, 100
CMYK: 75, 55, 47, 24
HEX: #455a64
Pantone: 547 U

Neutral Black

RGB: 67, 67, 67
CMYK: 67, 60, 59, 44
HEX: #434343
Pantone: Neutral Black U

Secondary Colors

Pantone - Use if print color accuracy is important
CMYK / HEX - Industry standard for digital printing
RGB - Ideal for digital display

White

RGB: 255, 255, 255
CMYK: 0, 0, 0, 0
HEX: #ffffff

Light Blue

RGB: 156, 216, 229
CMYK: 36, 0, 9, 0
HEX: #9cd8e5
Pantone: 304 C

Neutral Green

RGB: 46, 150, 114
CMYK: 80, 19, 69, 3
HEX: #2e9672
Pantone: 2417 C

Muted Red

RGB: 211, 64, 78
CMYK: 12, 90, 67, 2
HEX: #d3404e
Pantone: 710 C

Soft Purple

RGB: 196, 163, 214
CMYK: 22, 38, 0, 0
HEX: #c4a3d6
Pantone: 2567 C

Typography

Amatic SC Bold

PRIMARY FONT

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 0 1 2 3 4 5 6 7 8 9 ! ? & #

Raleway

SECONDARY FONT

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 0 1 2 3 4 5 6 7 8 9 ! ? & #

Formatting

H1

Doc Title Font: Amatic SC
Style: Bold
Alignment: Center
Size: 26 pt
Color: #434343
Capitilization: All Caps

H2

Doc Subtitle Font: Raleway
Style: Bold
Alignment: Center
Size: 15 pt
Color: #434343
Capitilization: Title Case

H3

3 Doc Sub-Subtitle Font: Raleway
Style: Regular
Alignment: Center
Size: 13 pt
Color: #434343
Capitilization: Title Case

H4

4 Section Title Font: Raleway
Style: Bold
Alignment: Center
Size: 11 pt
Color: #455a64
Capitilization: Title Case

H5

Section Subtitle Font: Raleway
Style: Regular
Alignment: Left
Size: 10 pt
Color: #434343
Capitilization: All Caps

P

Body Copy Font: Raleway
Style: Regular
Alignment: Left
Size: 11 pt
Color: #434343
Capitilization: Sentence case

P2

Secondary Body Copy Font: Serenity
Style: Light
Alignment: Left
Size: 11 pt
Color: #434343
Capitilization: Sentence case

Alt 1

Body Subtitle Font: Raleway
Style: Bold
Alignment: Left
Size: 11 pt
Color: #434343
Capitilization: Sentence case

Alt 2

Body Sub-Subtitle Font: Raleway
Style: Underline
Alignment: Left
Size: 11 pt
Color: #434343
Capitilization: Sentence case

Alt 3

Body Quote Font: Raleway
Style: Bold Italic
Alignment: Left
Size: 11 pt
Color: #434343
Capitilization: Sentence case

B

Bullets Font: Raleway
Style: Regular
Alignment: Left
Size: 11 pt
Color: #434343
Capitilization: Sentence case

Alt 4

Body Hyperlink
Hover State (On) & Visited Links
Font: Raleway
Style: Underline
Alignment: Left
Size: 11 pt
Color: #f6cd4c
Capitilization: Sentence case

Alt 5

Body Hyperlink
Hover State (Off) & Unvisited Links
Font: Raleway
Style: Underline
Alignment: Left
Size: 11 pt
Color: #78909c
Capitilization: Sentence case

DOCUMENT TITLE

Document Subtitle

Document Sub-Subtitle

Section Title

SECTION SUBTITLE

Body copy

Secondary Body Copy

Body subtitle / Table

Body Sub-Subtitle

“Body quote”

Bullets:

  • Lorem ipsum
  • Lorem ipsum

Body Hyperlink

Secondary Body Hyperlink

Font Resize