# Progress Lab brand toolkit

Version 2.1 · September 13, 2026 · Public brand toolkit

Open the [brand guide](https://progresslabontario.com/brand) or the [web interface reference](https://progresslabontario.com/brand/interface). This package contains the brand artwork, editable examples and shared design values.

## Marketing materials

[Download the organized marketing folder](https://progresslabontario.com/brand-kit/Progress-Lab-Marketing.zip) for social, print, event, signage and current PushPress app assets. The folder includes dimensions, production notes and source links.

[Edit marketing in Figma](https://www.figma.com/design/QhfaI9Y6rzSxCpnL7UUX3p/Progress-Lab-Marketing?node-id=2014-72) or [open the brand identity Figma](https://www.figma.com/design/qT14WZkExwyGj5rSBCllop/Progress-Lab-Branding?node-id=271-2).

## Start with what you are making

| You need to make… | Start here |
| --- | --- |
| A document, presentation or email with the logo | `logos/*@2x.png` or `*@4x.png`. These have transparent backgrounds. Keep the proportions; use the larger file when enlarging the logo. |
| Artwork for a designer or printer | `logos/*.svg`. These are vector masters: they stay sharp at any size and do not need a font installation. |
| Something for the Ontario location | `primary-ont.svg` for a compact city tag, or `primary-ontario.svg` when the full city name helps. Use the complete file; do not type or reposition the city. |
| A small brand mark | `symbol-*.svg` or its PNG copy. Use the flask when Progress Lab is already identified. Leave space around the bubbles; use only one circular crop for an avatar. |
| A website or app | `templates/website/` for a responsive HTML example; `source/interface/` for controls, states and portable tokens. These sources use the existing repository build environment. |
| A welcome, nurture, follow-up or returning-member email | `templates/emails/*.html`. Text stays editable and uses Arial fallbacks. These are message templates, not configured automations. |
| A social post | `templates/social/*.svg`. Replace every [bracketed field] with real information before use. |
| A shirt, sign or membership card | `templates/print/*.svg` and `production-notes.md`. Ask the printer to confirm dimensions and provide a physical sample. |
| A charcoal illustration | Open `/brand#image-prompts`, choose a treatment and copy its prompt. `source/image-prompts.json` contains the same three recipes. |
| The complete brand book | `progress-lab-brand-book-v2.pdf`: 31 searchable pages with bookmarks and vector logo artwork. |

The editable [Figma project](https://www.figma.com/design/qT14WZkExwyGj5rSBCllop/Progress-Lab---Branding) contains the V2 Library, Brand guidelines and Applications pages. `source/figma-notes.md` identifies the current frames and older application studies.

## The identity

Black #080808, white #FFFFFF, orange #FF350D and violet #B19AFF are the four brand colors. Light gray, secondary gray and error red belong to the interface system only. They explain surfaces, secondary text and error states; they are not extra brand accents.

Set display headlines in ABC Diatype Extended Ultra, in ALL CAPS. Keep body copy, practical subheadings, buttons, navigation and service-email headings in sentence case. Use ABC Diatype Plus Variable for reading text; email falls back to Arial, Helvetica, sans-serif.

Progress Lab is the brand. Ontario, California is the current location, not a limit on who belongs. Use the untagged logo for brand-wide communications. Use ONT or Ontario when the location matters, and include the full address separately for directions. New cities need a new approved master.

The SVG letterforms, proportions and bubbles are unchanged. High-density PNGs give smoother on-screen rendering in the tested Chrome environment. Do not recreate the logo with a font or use a screenshot as the master.

## Image files

`photography/progress-lab-community.png` is an existing real photograph from the website. Preserve the people and the historical banner. Use the original when preparing a new crop.

P5/P6 photographs and C4/C5 charcoal artworks are owner-endorsed visual directions. P7–P10 and C6–C9 are additional library studies, still drafts. These images depict fictional people and settings; never present them as actual members, coaches or the Ontario gym. Original-size PNGs and lighter JPEG copies are supplied. `source/imagery.json` records the source, status and usage of each image. Embedded provenance changes metadata only; all decoded image pixels were checked unchanged.

The `concepts/` images show presentation mockups, not installed signs or manufactured merchandise. Use the separate flat vector artwork for production.

## Editing and production dependencies

The local project uses trial font files. Commercial desktop, web and other applicable font rights remain unverified. Font binaries are excluded from this package. Install the appropriate licensed fonts to edit live type. Outlined logos and statement artwork need no fonts.

The sources retain repository-relative imports and `/fonts/` and `/brand-kit/` paths. They are editable source snapshots, not a separate installable application. In the existing repository, run `npm run dev:local -- --host 127.0.0.1 --port 5177` and open `/brand` or `/brand/interface`. Map font and image paths when moving files to another project.

Email templates use tables, inline styles and live text. Replace relative image links with approved HTTPS asset URLs and map unsubscribe/merge fields to the destination platform before client testing. No live submission or customer send was tested. PushPress and Mailchimp automation settings were not changed by this work.

Colors are sRGB references. No CMYK recipe, Pantone match, thread code, garment blank, stock or ink is approved. Convert with the printer’s profile and check a physical proof. SVG print documents use millimeters. The brand book is a sharing PDF, not a certified PDF/X press file.

## Using the examples

The brand guide is approved for public sharing. Email, social, website and print examples are editable drafts: replace sample fields with verified details before use. This toolkit does not configure automations or authorize customer sends, manufacturing or a new website release. Check image usage, font rights and printer proofs for the intended application.

## Shared source and rebuilding

`source/system.json` holds values, `source/content.json` holds reusable copy, `source/imagery.json` records images, and `source/image-prompts.json` holds copyable recipes. `source/voice-and-tone.md` records the standing writing approach. `asset-index.csv` lists files, dimensions, status and hashes; `SHA256SUMS.txt` checks integrity.

Restore `source/guide/` to `app/brand-guide/`; `brand-page.tsx` belongs at `app/brand/page.tsx`. Restore interface components, styles and tokens using `source/interface/README.md`. Shared JSON files belong under `brand/progress-lab/`. Builders retain repository-relative paths; adapt those paths when using a different project.