Brand · Ukrainian Canadian Congress

UCC Toronto is the city tier of the UCC site family. Family-level visual rules (gold, flag blue, typography, component shapes) come from the UCCON parent kit. This page documents only what's specific to Toronto.

Master mark + clear space

On light background

SVG PNG

On dark background

PNG (inverted shield)

Clear space: minimum 1× shield-width on all sides
Minimum size: 32 px shield · 24 px wordmark

Palette

#2D4981

Toronto Navy

primary

Headings, nav, primary surfaces. White text passes WCAG AA on solid Toronto Navy.

#6D91AB

Steel Blue

secondary

Quiet surfaces, dividers, supporting graphics. Family-shared with UCCON.

#FEB729

Ukrainian Gold

accent

CTAs, highlight badges, donate. Pair with navy text — never white on gold. Family-shared.

#005BBB

Flag Blue

family-accent

Ukrainian-flag motifs and solidarity ribbons only. Not for general UI.

Type system

Heading

Voice of Ukrainian Canadians in Toronto

Geist Sans · SemiBold (600) · 24–48 px (clamp)

Body

UCC Toronto represents 73 member organizations across the GTA.

Manrope · Regular (400) · 16 px / 1.6 line-height

Mono

const navy = "#2D4981";

Geist Mono · Regular (400) · code samples + tabular numbers only

Do's and Don'ts

Do

Use Toronto Navy for headings, nav, and primary surfaces.
Reserve gold for actions you want clicked.
Honour the 1× shield clear-space around the logo.
Maintain WCAG AA contrast: white on navy, navy on white, navy on gold.

Don't

Don't recolour the logo to gold or flag blue.
Don't stretch, skew, or drop-shadow the shield.
Don't place the logo over busy photography without a navy or white scrim.
Don't use white text on gold — readability fails.
Don't shrink the shield below 32 px.

Image specifications

Use	Spec
Event poster	`4:5 portrait, ≤ 500 KB, JPG or WebP, sRGB`
News cover	`16:9 landscape, ≤ 500 KB, JPG or WebP, sRGB`
Social share	`1.91:1, ≤ 500 KB, JPG or WebP, sRGB`
Member logo	`PNG with transparent bg, ≥ 480 px wide`