Motherboard Repair Canada Brand Guide

This page collects the current logo files, export sizes, brand colors, and type assets used across the site. All downloads are hosted locally inside the project.

Private page: excluded from sitemap and marked noindex.

Brand Colors

The logo system uses a three-color identity palette. The site also uses a separate UI palette for buttons, links, and utility states.

Brand Navy

HEX: #1D3557

RGB: 29, 53, 87

Brand Blue

HEX: #457B9D

RGB: 69, 123, 157

Accent Red

HEX: #E63946

RGB: 230, 57, 70

UI Primary

HEX: #1A73E8

Use: Links and primary buttons

UI Secondary

HEX: #4285F4

Use: Hover and gradient support

UI Dark

HEX: #333333

Use: Body text and footer base

Typography

The site uses locally hosted Montserrat webfonts. These are the current available files and weights.

Usage Notes

Keep logo lockups unchanged, maintain clear contrast, and prefer the SVG originals whenever the destination supports vector artwork.

  • Use full-color logos on white or very light backgrounds.
  • Use white logos on dark backgrounds, photos, and signage.
  • Use black logos when a single dark imprint is needed.
  • Use the square mark for favicon, app icon, and compact placements.

Logo Downloads

Every logo card includes the native SVG first for vector-safe use in print, signage, layout, and large-format output. Raster exports are also provided at 320w, 640w, and 1280w in both PNG and WebP, while the square mark is exported at 256, 512, and 1024.

Main color logo preview

Main Color

Primary full logo for standard light backgrounds.

Best for: Website headers, documents, partner pages, and most day-to-day brand use.

Native SVG

WebP

Main black logo preview

Main Black

Single-color dark version for print or monochrome placements.

Best for: Black-only print jobs, laser engraving previews, invoices, and monochrome materials.

Native SVG

WebP

Main white logo preview

Main White

Inverted full logo for dark surfaces and video or photo overlays.

Best for: Dark signage, lower-thirds, dark social graphics, and image overlays.

Native SVG

WebP

Secondary color logo preview

Secondary Color

Alternate lockup for placements where the secondary arrangement fits better.

Best for: Footer treatments, sponsor grids, constrained banners, and alternate layout comps.

Native SVG

WebP

Secondary black logo preview

Secondary Black

Monochrome alternate lockup for dark imprint or simplified output.

Best for: Single-ink alternate layouts, vinyl cuts, stamps, and simplified vendor artwork.

Native SVG

WebP

Secondary white logo preview

Secondary White

Inverted alternate lockup for dark signage and media backgrounds.

Best for: Dark footers, booth graphics, signage mockups, and alternate reversed placements.

Native SVG

WebP

Square brand mark preview

Square Mark

Compact icon mark used for favicon, touch icon, and tight spaces.

Best for: Favicons, app icons, stickers, profile images, and compact lockups.

Native SVG

PNG

WebP