Brand Guidelines
Logo
Colors
Ten Directions Main
#b92229
Ten Directions Logo Grey
#54565a
Header Grey
#333333
Alt. Grey
#ccd2da
Waves Teal
#e2fff5
Misc.
#4054b2
Typography (Old)
- Headline color: #383a31
Heading 1
44px | Freight Sans Pro | weight: 300
Heading 2
40px | Freight Sans Pro | weight: 800 | Uppercase
Heading 3
30px | Freight Sans Pro | weight: 400
Heading 4
20px | Freight Sans Pro | weight: 400
Heading 5
18px | Freight Sans Pro | weight: 400
Heading 6
16px | Freight Sans Pro | weight: 400
- Body color: #383a31
Body Font:
16px | Freight Sans Pro | weight: 300 | line height: 24px
1234567890
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Typography (New)
- Headline color: #333333
Heading 1
64px | Freight Sans Pro | weight: 400 | line height: 1.6em
Heading 2
54px | Freight Sans Pro | weight: 400 | line height: 1.6em
Heading 3
40px | Freight Sans Pro | weight: 400 | line height: 1.6em
Heading 4
30px | Freight Sans Pro | weight: 400 | line height: 1.6em
Heading 5
24px | Freight Sans Pro | weight: 400 | line height: 1.6em
Heading 6
18px | Freight Sans Pro | weight: 400 | Uppercase | line height: 1.6em | Letter-spacing: 1px;
- Body color: #383a31
Body Font:
18px | Freight Sans Pro | weight: 300 | line height: 24px
1234567890
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Developmental Coaching
93% overlay
Primary
#38b68d
Secondary
#333333
Shadow Play for Coaches
93% overlay
Primary
#FF6B00
Secondary
#525b55
Tertiary
#4d0e37
Integral Facilitation
93% overlay
Primary
#b92229
Secondary
#333333
In This Together
This is an 8-week online course • Learn Dash • happy Faces •
Primary
#f16541
Secondary
#525b55
Accent
#aedee4
Freedom To Fight
This is an 8-week online course • Learn Dash • serious Faces •
Primary
#eaa22f
Secondary
#525b55
Accent
#aedee4
Willing To Feel
Primary
#65b6bd
Secondary
#28828c
Tertiary
#525b55
Accent
#f2cb57
Communicating for trust and impact (CTI)
Combination of 3 courses (WTF, etc) (bundle) Content for this page pulls graphics from all three programs.
BG Color
#efefef
Button Color
#d41c34
Button & Accent
#65b4bc
Accent
#37828b
Who's Up, Who's Down?
Primary
#691c32
Secondary
#f26b1d
Tertiary
#525b55
#Metoo Masterclass
2hr program
Primary
#64b4bb
Secondary
#2d828b
Accent
#f1ca60
Things
Infusion Soft CSS
selector .infusion-field-label-container {
display: none;
}
selector label {
display:none;
}
selector td {
border: 0px;
padding: 0px !important;
}
selector input {
border-radius: 0px 0px 0px 0px !important;
background-color: white;
border-width: 0px 0px 0px 0px !important;
border-color: #333333 !important;
font-size: 18px !important;
color: #333333 !important;
}
.infusion-submit button {
background-color: #333333 !important;
color: #ffffff;
font-size: 14px !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.8px;
border-radius: 0px 0px 0px 0px !important;
margin-top: -10px !important;
font-family: “freight-sans-pro”, sans-serif !important;
font-weight: 600 !important;
width: 100% !important;
transition: all .3s ease-in-out;
}
.infusion-submit button:hover {
background-color: #b92229 !important;
transform: scale(.9);
}
selector input:focus {
border: 1px solid #C8CFD7 !important;
}
#inf_field_Email {
margin-bottom: 0px;
}
