Digital Style Guide

BRIDGE Housing online brand identity

Color Usage

This color system complements the BRIDGE Housing print brand guidelines.

The colors represented here are not intended for use in print. 

#bf4a2f
logo or logo background color and hover states

#1f3b84
text links, callout & header gradient backgrounds

#e8e4df
alternating color  and callout backgrounds

#4d453f
h1,h2,h3,h5 copy and button text & border

#4d453f
h4/h6 heads and callout/caption backgrounds

#2e68b1
tag backgrounds and text with icon buttons

#468d97
with transparency for graphics and boxes

gradient 1

#071138 @ 0% – #1f3b84 @ 76% – #2e68b1 @ 100%
228° linear

gradient 2

#071138 @ 0% – #1f3b84 @ 100%
159° linear

gradient 3

#1f3b84 @ 0% – #2e68b1 @ 100%
159° linear

Typography

H1: Halis

Desktop:
Color: #231F20
Weight: 500
Size: 2.7vw
Letter Spacing: 0
Line Height: 3.3vw

Tablet:
Color: #231F20
Weight: 500
Size: 2.7rem
Letter Spacing: 0
Line Height: 3rem

Mobile:
Color: #231F20
Weight: 500
Size: 1.8rem
Letter Spacing: 0
Line Height: 2.4rem

H2: Jost

Desktop:
Color: #231F20
Weight: 600
Size: 2.1rem
Letter Spacing: 0
Line Height: 2.6rem

Tablet / Mobile:
Color: #231F20
Weight: 600
Size: 1.8rem
Letter Spacing: 0
Line Height: 2.4rem

H3: Jost

Desktop / Tablet / Mobile:
Color: #231F20
Weight: 600
Size: 1.8rem
Letter Spacing: 0
Line Height: 2.4rem

H4: Jost

Desktop / Tablet / Mobile:
Style: UPPERCASE
Color: #4D453F
Weight: 600
Size: 1.3rem
Letter Spacing: 2px
Line Height: 1.8rem

H5: Jost

Desktop / Tablet / Mobile:
Color: #231F20
Weight: 600
Size: 1.33rem
Letter Spacing: 0px
Line Height: 1.93rem

H6: Jost

Desktop / Tablet / Mobile:
Style: UPPERCASE
Color: #4D453F
Weight: 500
Size: 1.1rem
Letter Spacing: 1px
Line Height: 1.4rem

Body Text: Jost

Desktop / Tablet / Mobile:
Color: #000000
Weight: 300
Size: 1.33rem
Letter Spacing: 0
Line Height: 1.93rem