Motherboard Repair Canada Brand Guide

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

Private page: excluded from sitemap and marked noindex.

Brand Colours

The logo system uses a three-colour 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 web fonts. These are the currently 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-colour 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.

Communication Standard

Customer messages should be clear, brief, and useful. Keep the work behind the service out of the interface unless the customer must act on it.

Plain Language

  • Write at Grade 6 level or lower when possible.
  • Use short sentences and one idea at a time.
  • Group no more than three ideas in one visible block.
  • Lead with the action or answer the customer needs.
  • Use labels and examples before adding helper text.

Forms and Interface Copy

  • Ask only for information needed to accept or complete the job.
  • Do not show character counters unless the limit is part of the task.
  • Do not force-scroll the page or move the form while someone is working.
  • Show extra fields only after a choice makes them relevant.
  • Keep validation, consent, security, and service-specific behaviour when simplifying a form.

What We Say

  • Offer a free job assessment to decide whether we will accept the job.
  • Never call the assessment a free quote or free diagnostic.
  • Say that sending the contact form starts a new device repair request.
  • Ask customers to start every new repair with the contact form.
  • Use SMS and voicemail for repair communication. Do not offer email or live calls.
  • Say that our voice agent can accept a voicemail request when the form cannot be used.
  • Say that scope, price, and paid diagnostics are confirmed after intake.
  • Include payment processor details only when needed for security, receipts, or legal terms.

Search Copy

  • Use specific devices, faults, and Canada-wide mail-in service when the page supports them.
  • State that mail-in service is for accepted jobs and that customers pay shipping both ways.
  • Lead with Canada as our main market. International mail-in is for accepted jobs only. Process and policy pages must state that the customer pays customs and other cross-border costs.
  • Use “Start a Repair” for the main intake link and point it to contact.html#request-form. Use “free job assessment” when explaining what happens after submission.
  • Use “free job assessment” for the intake review. Do not replace it with “free estimate,” “free quote,” or “free diagnostic.”
  • Do not publish success rates, “no fix, no fee,” certifications, guaranteed outcomes, or guaranteed turnaround without current written proof and approval.
  • Publish a price or offer in search markup only when the same fixed price and scope are visible on the page.

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 colour logo preview

Main Colour

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-colour 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 colour logo preview

Secondary Colour

Alternate lockup for placements where the secondary arrangement fits better.

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

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