Brand Guide

OSG Brand Guide

Updated March 9, 2021

Logo Usage

Overview

Always maintain a 1:1 ratio. Blue #0083C3 rgb(0, 131, 195)

192
128
64
32

Padding & Alignment

All outside padding are minimums. Text spacing must remain consistent.

Logo Colours & Backgrounds

A sample of logo backgrounds and how to display the logo.

Fonts & Typesetting

Inter Typeface Details

The font used for all OSG branding

24pt
Thin 100
Almost before we knew it, we had left the ground.
Light 300
Almost before we knew it, we had left the ground.
Regular 400
Almost before we knew it, we had left the ground.
Medium 500
Almost before we knew it, we had left the ground.
Bold 700
Almost before we knew it, we had left the ground.
Black 900
Almost before we knew it, we had left the ground.

Brand Colours

Primary Colours

Main OSG colour pallete

CSS Class Colour AA Small AA Large
--osg-process-blue
Primary OSG Brand Colour
#0083C3 rgb(0, 131, 195) Process Blue
ABCFail
ABCFail
 ABCPass
ABCPass
--osg-lochmara
Lochmara
#007ABA rgb(0, 122, 186) Lochmara
ABCPass
ABCFail
 ABCPass
ABCPass
--osg-cerulean
Cerulean
#0D90D0 rgb(13, 144, 208) Cerulean
ABCFail
ABCPass
 ABCPass
ABCPass
--osg-sea-green
Sea Green
#31A03C rgb(49, 160, 60) Sea Green
ABCFail
ABCPass
 ABCPass
ABCPass
--osg-forest-green
Forest Green
#178622 rgb(23, 134, 34) Forest Green
ABCPass
ABCFail
 ABCPass
ABCPass
--osg-shark
Shark
#8D9298 rgb(141, 146, 152) Shark
ABCFail
ABCPass
 ABCPass
ABCPass
--osg-pale-sky
Pale Sky
#6F747A rgb(111, 116, 122) Pale Sky
ABCPass
ABCFail
 ABCPass
ABCPass
--osg-midnight-black
Midnight Black
#171C22 rgb(23, 28, 34) Midnight Black
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-electric-violet
Electric Violet
#9624FE rgb(150, 36, 254) Electric Violet
ABCPass
ABCFail
 ABCPass
ABCPass
--osg-heliotrope
Heliotrope
#C250FF rgb(194, 80, 255) Heliotrope
ABCFail
ABCPass
 ABCPass
ABCPass
--osg-scarlet
Scarlet
#DD1700 rgb(221, 23, 0) Scarlet
ABCPass
ABCFail
 ABCPass
ABCPass
--osg-pomegranate
Pomegranate
#FF3A23 rgb(255, 58, 35) Pomegranate
ABCFail
ABCPass
 ABCPass
ABCPass
--osg-candlelight
Candlelight
#FFD61E rgb(255, 214, 30) Candlelight
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-chelsea-gem
Chelsea Gem
#966D00 rgb(150, 109, 0) Chelsea Gem
ABCPass
ABCFail
 ABCPass
ABCPass
--osg-mango-tango
Mango Tango
#E66F00 rgb(230, 111, 0) Mango Tango
ABCFail
ABCPass
 ABCPass
ABCPass
--osg-rose-of-sharon
Rose of Sharon
#C54E00 rgb(197, 78, 0) Rose of Sharon
ABCPass
ABCFail
 ABCPass
ABCPass

Secondary Colours

Shades of primary colors

CSS Class Colour AA Small AA Large
--osg-midnight-blue
Midnight Blue
#002A6A rgb(0, 42, 106) Midnight Blue
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-congress-blue
Congress Blue
#005090 rgb(0, 80, 144) Congress Blue
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-process-blue
Primary OSG Brand Colour
#0083C3 rgb(0, 131, 195) Process Blue
ABCFail
ABCFail
 ABCPass
ABCPass
--osg-dodger-blue
Dodger Blue
#3BBEFE rgb(59, 190, 254) Dodger Blue
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-malibu
Malibu
#61E4FF rgb(97, 228, 255) Malibu
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-deep-fir
Deep Fir
#004000 rgb(0, 64, 0) Deep Fir
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-camarone
Camarone
#006C08 rgb(0, 108, 8) Camarone
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-sea-green
Sea Green
#31A03C rgb(49, 160, 60) Sea Green
ABCFail
ABCPass
 ABCPass
ABCPass
--osg-granny-smith
Granny Smith
#6DDC78 rgb(109, 220, 120) Granny Smith
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-snowy-mint
Snowy Mint
#B8FFC3 rgb(184, 255, 195) Snowy Mint
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-nevada
Nevada
#2C3137 rgb(44, 49, 55) Nevada
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-shark
Shark
#8D9298 rgb(141, 146, 152) Shark
ABCFail
ABCPass
 ABCPass
ABCPass
--osg-gray-chateau
Gray Chateau
#C4C9CF rgb(196, 201, 207) Gray Chateau
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-mischka
Mischka
#E1E6EC rgb(225, 230, 236) Mischka
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-midnight-black
Midnight Black
#171C22 rgb(23, 28, 34) Midnight Black
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-kingfisher-daisy
Kingfisher Daisy
#5300BB rgb(83, 0, 187) Kingfisher Daisy
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-electric-violet
Electric Violet
#9624FE rgb(150, 36, 254) Electric Violet
ABCPass
ABCFail
 ABCPass
ABCPass
--osg-mulberry
Mulberry
#D361FF rgb(211, 97, 255) Mulberry
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-lavender-rose
Lavender Rose
#FFBCFF rgb(255, 188, 255) Lavender Rose
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-pink-lace
Pink Lace
#FFE9FF rgb(255, 233, 255) Pink Lace
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-lonestar
Lonestar
#710000 rgb(113, 0, 0) Lonestar
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-red-devil
Red Devil
#A10000 rgb(161, 0, 0) Red Devil
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-scarlet
Scarlet
#DD1700 rgb(221, 23, 0) Scarlet
ABCPass
ABCFail
 ABCPass
ABCPass
--osg-persimmon
Persimmon
#FF624B rgb(255, 98, 75) Persimmon
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-wax-flower
Wax Flower
#FFBEA7 rgb(255, 190, 167) Wax Flower
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-yukon-gold
Yukon Gold
#8A6100 rgb(138, 97, 0) Yukon Gold
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-buddha-gold
Buddha Gold
#CCA300 rgb(204, 163, 0) Buddha Gold
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-candlelight
Candlelight
#FFD61E rgb(255, 214, 30) Candlelight
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-golden-fizz
Golden Fizz
#FFF139 rgb(255, 241, 57) Golden Fizz
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-pale-canary
Pale Canary
#FFFF95 rgb(255, 255, 149) Pale Canary
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-rosewood
Rosewood
#640000 rgb(100, 0, 0) Rosewood
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-rock-spray
Rock Spray
#B33C00 rgb(179, 60, 0) Rock Spray
ABCPass
ABCFail
 ABCPass
ABCFail
--osg-mango-tango
Mango Tango
#E66F00 rgb(230, 111, 0) Mango Tango
ABCFail
ABCPass
 ABCPass
ABCPass
--osg-sunshade
Sunshade
#FF9526 rgb(255, 149, 38) Sunshade
ABCFail
ABCPass
 ABCFail
ABCPass
--osg-golden-tainoi
Golden Tainoi
#FFC758 rgb(255, 199, 88) Golden Tainoi
ABCFail
ABCPass
 ABCFail
ABCPass