Typography

Our Font Families

Our font families should be used for all communications. This to ensure the consistent look and feel of all literature off and online.

Logo Typeface

Futura SH Font was used in building the Primary Logo for Outsource and should only be used in any re-creations of this.

Futura SH LOGO
Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Futura SH

Weight: 500

Style: Bold

Document Fonts

For all main typesetting in documents and advertising, where possible, the Segoe UI Font Family should be used. To ensure a consistent look, make sure fonts are used in a consistent manner and the weights of the font have been considered, using heavier weights for headers and the highlight key messages.

Segoe UI DOCUMENTS
Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Segoe UI

Weight: 300

Style: Light

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Segoe UI

Weight: 300

Style: Light Italic

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Segoe UI

Weight: 300

Style: Semilight

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Segoe UI

Weight: 300

Style: Semilight Italic

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Segoe UI

Weight: 300

Style: Regular

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Segoe UI

Weight: 300

Style: Italic

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Segoe Bold

Weight: 700

Style: Bold

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Segoe Bold

Weight: 700

Style: Bold Italic

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Segoe Bold

Weight: 700

Style: Black

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Segoe Bold

Weight: 700

Style: Black Italic

Usage

CSS

font-family: ‘futurash-boldregular’, sans-serif;

font-family: ‘Segoe UI’, sans-serif;

Download

FuturaSH Font
20 KB – zip – 1 file
Segue UI Font Family
5.6 MB – zip – 17 files
Outsource Web Fonts
13.4 MB – zip – 80 files (for use in websites and apps)

Web Styles

For development, see the production ready frontend pattern called Headings.

Heading Styles

Hero Title

Weight: bold
Style: normal
Size: 60px
Line Height: 1.15
Text Colour: #02546E
Background: •#FFFFFF

Heading 1
Only use this style for hero titles.
Text Colours
#5BBF21
Background Colours

Hero Title

Weight: bold
Style: normal
Size: 40px
Line Height: 1.4
Text Colour: #444444
Background: •#FFFFFF

Heading 2
Text Colours
Background Colours

Hero Title

Weight: bold
Style: normal
Size: 22px
Line Height: 1.4
Text Colour: #444444
Background: •#FFFFFF

Heading 3
Text Colours
Background Colours

Hero Title

Weight: bold
Style: normal
Size: 20px
Line Height: 1.4
Text Colour: #444444
Background: •#FFFFFF

Heading 4
Text Colours
Background Colours

Hero Title

Weight: bold
Style: normal
Size: 15px
Line Height: 1.4
Text Colour: #444444
Background: •#FFFFFF

Heading 5
Text Colours
Background Colours

Hero Title

Weight: bold
Style: normal
Size: 14px
Line Height: 1.4
Text Colour: #444444
Background: •#FFFFFF

At Outsource, we’re passionate about making our customers happy as we learn and grow with them. We continuously seek opportunities to innovate and improve the Outsource experience.
Text Colours
Background Colours