LSDM
Brand Guidelines
Leslieville School of Dance & Music - A comprehensive guide to our visual identity, including typography, color palette, and logo usage.
Typography
Our typography system uses three carefully selected typefaces to create a clear visual hierarchy and maintain consistency across all brand communications.
Montserrat
Karla
Work Sans
Color Palette
Our color palette is designed to be vibrant, accessible, and versatile. Click any color swatch to copy its hex code to your clipboard.
Primary Colours
Core brand colors that define the LSDM visual identity
Bright Blue
#1C79FA
Primary brand color - use prominently in all LSDM materials, logos, and key visual elements
Cream
#FAF2F0
Background color for light surfaces, provides warmth and softness to designs
Deep Navy
#031E4A
Functional color for text, footers, grounding elements - replaces black for a softer, branded alternative
Secondary Colours
Program-specific colors for targeted communications and brand differentiation
Green
#37A35A
Camp Monarch signature color - nature themes, outdoor programs, summer camp materials
Coral
#F98680
Dance program signature color - recitals, performances, warm energy and movement
Accent Colours
Supporting colors for variety and visual interest
Warm Yellow
#FBA919
Highlights, energy, music programs, special events
Teal
#3CC4BA
Cool accents, complementary elements, creative programs
Approved Color Combinations
These color pairings have been tested for visual harmony and accessibility. Use these combinations for consistent brand communications.
LSDM Primary
Main brand materials, website headers, hero sections - showcases primary brand color prominently
Camp Monarch
Camp Monarch programs, outdoor activities, nature themes
Dance Programs
Dance classes, recitals, performance materials
Music Programs
Music lessons, concerts, creative energy
Text on Light
Body text, paragraphs, footers on light backgrounds - Navy provides readable, branded alternative to black
Dark Grounding
Dark backgrounds, footers, grounding sections with Bright Blue accents for contrast
Program-Specific Color Guides
Use these color palettes to maintain visual consistency across different programs and maintain clear brand differentiation.
LSDM General
Bright Blue
Primary Brand
Cream
Background
Deep Navy
Text/Grounding
Use for: Website, general marketing, school-wide communications, administration
Dance Programs
Deep Navy
Primary
Coral
Accent
Teal
Supporting
Use for: Dance classes, recitals, performance programs, registration materials
Music Programs
Deep Navy
Primary
Warm Yellow
Accent
Bright Blue
Supporting
Use for: Music lessons, concerts, instrument programs, creative workshops
Camp Monarch
Deep Navy
Primary
Green
Accent
Warm Yellow
Supporting
Use for: Summer camp materials, outdoor programs, nature activities, camp registration
Special Events
Deep Navy
Primary
Coral
Accent 1
Warm Yellow
Accent 2
Use for: Recitals, showcases, open houses, celebrations, festive materials
Accessibility & Contrast Guidelines
Following WCAG 2.1 standards ensures our materials are accessible to everyone, including those with visual impairments.
WCAG Contrast Requirements
Contrast ratio ≥ 7:1 for normal text, ≥ 4.5:1 for large text. Best for maximum accessibility.
Contrast ratio ≥ 4.5:1 for normal text, ≥ 3:1 for large text. Meets standard accessibility.
Contrast ratio < 4.5:1. Avoid for text. May be used for decorative elements only.
Recommended Text Combinations
| Text Color | Background Color | Contrast Ratio | WCAG Level | Usage |
|---|---|---|---|---|
Navy | Cream | 12.8:1 | AAA | All text sizes ✓ |
Bright Blue | Navy | 8.2:1 | AAA | All text sizes ✓ |
Green | Navy | 7.1:1 | AAA | All text sizes ✓ |
Warm Yellow | Navy | 6.4:1 | AA | Normal & large text ✓ |
Coral | Navy | 5.8:1 | AA | Normal & large text ✓ |
Cream | Bright Blue | 4.9:1 | AA | Normal & large text ✓ |
Logos & Brand Assets
Our brand logos are available in multiple formats and configurations. Choose the appropriate version based on your use case and background color.
Leslieville School of Dance & Music (LSDM)
Primary Logo - Bright
Our primary brand logo - use for all general applications
Icon Logo
Use for social media, app icons, and small spaces
Favicon / Icon
Use for website favicons and small square applications
Full Logo - White BG
Use on white or light backgrounds
Full Logo - Transparent
Use on colored backgrounds or overlays
Full Logo - White Version
Use on dark backgrounds only
Large Format - White BG
Use for print materials and large displays
Large Format - Transparent
Use for large format on varied backgrounds
Full Logo - Black
Use for black-and-white applications or light backgrounds
Camp Monarch
Camp Monarch - Square
Use for social media and square formats
Camp Monarch - White Version
Use on dark backgrounds only
Combination Logos
LSDM + Camp Monarch v2
Use for co-branded materials and joint communications
LSDM + Camp Monarch v3
Alternative layout for co-branded materials
Logo Usage Guidelines
DO
- ✓Use the white logo version on dark backgrounds (navy, dark colors)
- ✓Maintain clear space around the logo equal to the height of the star
- ✓Use the transparent background version when placing on photos or colored backgrounds
- ✓Scale proportionally to maintain aspect ratio
- ✓Use high-resolution files for print materials
- ✓Choose the appropriate logo variant based on available space and context
DON'T
- ✗Stretch, distort, or alter the proportions of the logo
- ✗Change the logo colors or apply filters/effects
- ✗Rotate the logo at any angle
- ✗Place the logo on busy backgrounds that reduce legibility
- ✗Use low-resolution or pixelated versions
- ✗Recreate or redraw the logo - always use official files
Minimum Size Requirements
Digital / Screen:
- • Icon logos: minimum 32px × 32px
- • Full logos: minimum 150px width
- • Large format logos: minimum 300px width
Print:
- • Icon logos: minimum 0.5 inches
- • Full logos: minimum 2 inches width
- • Large format logos: minimum 4 inches width