BRAND
GUIDELINE

The visual identity of the Center for Digital Health & Implementation Science

Explore

Our Brand

This is our brand

It's a simple statement that helps to guide everything we do. Including how we look and how we talk to the world.

1 / 7

Primary Identity

Logo Arrangement

The clearest way we can identify our company visually. All communications must be signed off with the logotype.

Clearspace

The minimum clearspace around the Primary Logotype is equivalent to 1/2 of the height of the logotype. No other logos, type, or graphic elements may infringe on this space.

Minimum Size

Print applications: 0.6 inch (15mm) wide.
Digital applications: 80 pixels wide.

Logotype Artwork

Do not attempt to redraw or recreate any element of the logotype. Always use the approved digital files.

2 / 7

Alternative Identity

Monochromatic Logotype

Used only when there aren't enough colors to properly reproduce the Primary Logotype.

Dark Monochromatic

For use on light backgrounds only

Light Monochromatic

For use on dark backgrounds only

Same clearspace & size rules apply

Minimum clearspace: 1/2 logotype height. Minimum print: 0.6 inch (15mm) wide. Minimum digital: 80px wide.

3 / 7

Co-Branding

Partner Logos

Guidelines for aligning partner logos with our brand identity

01Spec layout

Horizontal Co-branding

Partner logos should be center aligned with the Preferred logotype. Always consult the partner's own guidelines for usage and minimum sizes.

Center alignedPreferred lockupSide-by-side

02Spec layout

Square Co-branding

Text-based partner marks at the same height as the CDHI logotype; symbol-based marks at 2× the height.

Equal heightSymbol 2×Stacked lockup

4 / 7

Usage Rules

Logotype Don'ts

To ensure our logotype appears consistently throughout all communications

Don't Separate

Don't separate the icon from the word mark. They should always be treated as a whole.

Don't Distort

Don't skew, rotate, or stretch the logotype under any circumstances.

Don't Stylize

Avoid stylizing the logotype with outlines, glows, or any other visual techniques.

Don't Rotate

Don't rotate or tilt the logotype. Keep it upright at its original orientation.

Correct Backgrounds

Don't use our logo against unauthorized backgrounds. Use only approved backgrounds.

Approved Colors Only

Only use specified colours to represent the logotype. No custom color variations.

5 / 7

Color System

Our Brand Color Codes

Click any swatch to copy the HEX value. Solid colours work best in print; gradients shine in digital applications.

#3179A1

#1C4074

#17203D

#F6832A

#F5A623

#D3D3D3

#EDEDED

#FFFFFF

#3179A1

Primary Color

Primary brand blue headers, footers, and core identity

R49 G121 B161

C59 M25 Y0 K37

#1C4074

Secondary Color

Secondary navy depth, contrast, and supporting elements

R28 G64 B116

C76 M45 Y0 K55

#17203D

Tertiary Color

Deep navy darkest brand tone for emphasis and grounding

R23 G32 B61

C62 M48 Y0 K76

#F6832A

Accent Orange

Warm accent buttons and primary call-to-action elements

R246 G131 B42

C0 M47 Y83 K4

#F5A623

Custom 1

Golden yellow secondary accent for warmth and energy

R245 G166 B35

C0 M32 Y86 K4

#D3D3D3

Custom 2

Light gray borders, dividers, and subtle surfaces

R211 G211 B211

C0 M0 Y0 K17

#EDEDED

Custom 3

Off-white soft backgrounds and section surfaces

R237 G237 B237

C0 M0 Y0 K7