# Content Pack — tpengdesign.com

Source: https://tpengdesign.com (live-scraped via curl, verbatim extraction). Scraped 2026-07-10.

All copy below is captured **verbatim** from the live site's server-rendered HTML / embedded JSON payload — no paraphrasing. Where the site has no value for a field (e.g. "year"), that is noted explicitly rather than invented.

---

## Site identity

- **Site `<title>` (default):** Thomas Peng — Selected Work
- **Meta description (homepage):** A quiet gallery of selected work by Thomas Peng — a bilingual multidisciplinary designer in Toronto. Brand, packaging, print, and web.
- **OG description:** Selected work by Thomas Peng — brand, packaging, print, and web.
- **Name / wordmark (header):** Thomas Peng
- **Location:** Toronto, Canada
- **Languages:** English / Français
- **Practice:** Brand · Packaging · Print · Web
- **Footer line:** "7 works · Toronto · EN / FR"
- **Footer email link:** thomas@thomaspeng.ca
- **Nav labels:** Index · About · Contact
- **Homepage hero label:** Selected Work
- **Homepage hero headline:** "A small room of *considered* work." (the word "considered" is set in italic)
- **Homepage hero subhead:** Brand, packaging, print & web — Thomas Peng, Toronto. Step to any piece to enter its full story.
- **Scroll cue:** Scroll · the catalogue
- **Catalogue section label:** Catalogue
- **404 page copy:** "Nothing hangs on this wall." / "The piece you were looking for isn't in this room." / link: "← Back to the gallery"

Note: no "year" field exists anywhere on the live site — no page displays a project year. This should be treated as absent data, not omitted-by-mistake.

---

## About (`/about`) — verbatim

**Meta title:** About — Thomas Peng
**Meta description:** Thomas Peng is a multidisciplinary designer based in Toronto, with fifteen years of practice across brand identity, packaging, print, web, and art…

**Page label:** About
**H1:** Thomas Peng

**Body copy (verbatim, two paragraphs):**

> Thomas Peng is a multidisciplinary designer based in Toronto, with fifteen years of practice across brand identity, packaging, print, web, and art direction. He works in English and French, for clients that range from emerging consumer brands to established national institutions.

> The work moves between extremes of scale: a logo resolved at a few points, a full packaging system, a high-volume print programme held to a national brand's specification. What stays constant is the disposition — find the right form for the problem, then execute it to a standard that survives contact with production.

**Facts panel (definition list):**
- Based in: Toronto, Canada
- Languages: English / Français
- Practice: Brand · Packaging · Print · Web
- Contact: thomas@thomaspeng.ca

**Selected clients strip:** Willo · BMW · Allstate · HearingLife
**Footer link:** "View selected work →" (links to `/`)

---

## Contact (`/contact`) — verbatim

**Meta title:** Contact — Thomas Peng
**Meta description:** Get in touch with Thomas Peng — Toronto.

**Page label:** Contact
**H1:** "Let's make something worth keeping."

**Body copy (verbatim):**

> Brand, packaging, print, and web — from a single mark to a full system. If the brief is defined and the standard is high, I'd like to hear about it.

**Email (large display link):** thomas@thomaspeng.ca

**Facts panel:**
- Location: Toronto, Canada
- Languages: English / Français
- Availability: "Open to new projects" (with a small green dot indicator)

---

## Projects

Each project below carries: title, client/slug, discipline (as displayed — the site does not separate "client" from "discipline," the discipline line doubles as both category tag and implied client context), role, all body copy verbatim (overview + named sections + outcome), and downloaded image assets. **No project on the live site displays a year** — this field is absent site-wide, not just per-project.

### 1. Willo

- **Client / brand:** Willo (cannabis edibles, direct-to-consumer)
- **Discipline:** Brand Identity · Packaging · E-commerce
- **Role:** Design & production
- **Year:** *(not present on site)*
- **Hero caption / alt:** Willo · Brand Identity · Packaging
- **Meta description / tagline:** A cannabis edibles brand built from nothing — identity, packaging, and a direct-to-consumer presence unified into a single, coherent voice.

**Overview (verbatim):**

> When Willo launched in March 2020, the legal cannabis edibles market was crowded with brands that spoke almost exclusively to experienced consumers: hard-edged aesthetics, clinical copy, and a singular focus on potency over pleasure. The brief was to build something different — a brand that could welcome newer consumers who cared about taste and quality as much as effect.

> Leading creative direction alongside marketing and business strategy, Thomas conceived and executed every touchpoint from the ground up: logo, colour palette, typography, packaging system, e-commerce website, SEO, email, and social. The brand launched at the start of the pandemic — a moment when direct-to-consumer digital infrastructure was not a channel among many, it was the entire channel.

**Section — Brand & Identity:**

> The central problem was legibility in a category that had defaulted to either clinical minimalism or aggressive recreational energy. Willo needed to read as friendly and approachable without surrendering the premium quality signal that justified its place on the shelf.

> The result was an identity built around soft, rounded letterforms and flavour-led colour — a visual language that could speak credibly to someone buying a THC gummy for the first time without condescending to them. The SKU names follow the same logic: Pleasant Peach, Wonderful Watermelon — flavour-forward, sensory, genuinely inviting. The NIGHT 200mg line extends the system toward a more considered register: the same brand DNA at a higher potency.

**Section — Packaging System:**

> Packaging was designed as a system, not a sequence of individual decisions. Each SKU had to feel unmistakably Willo while letting its flavour character breathe, so the line could expand without fragmenting the brand.

> With no existing equity to trade on, the packaging carried the full weight of first impression — communicating taste, quality, and trust to a consumer who was, in many cases, buying a cannabis edible for the first time.

**Section — Digital & Growth:**

> The e-commerce site was the entire storefront, built with SEO as a structural consideration from the start rather than a post-launch afterthought — a deliberate choice in a category where paid advertising remained largely restricted.

> Awareness was built through direct channels: SMS, email, social, and contests that rewarded early customers and generated word of mouth. Each channel held the same voice and register, keeping the brand consistent from first impression through to purchase.

**Outcome:**

> Willo grew to over $50,000 in monthly sales — built with no legacy brand, few conventional advertising channels, and a launch that landed in the same month a global pandemic began.

**Image assets (downloaded to `assets/`):**
- `willo-400.webp`, `willo-800.webp`, `willo-1200.webp` (homepage/index thumbnail — alt: "Willo · Brand Identity · Packaging")
- (Not downloaded — out of scope of task 3, listed for reference only) full-size gallery photos live at `/works/willo-{1..7}-{400,800,1600}.jpg`, alts: "Willo brand and packaging system overview," "Willo packaging, square-format detail," "Willo product styled in context," "Willo brand identity applied across packaging," "Willo product detail," "Willo packaging, product detail"

---

### 2. BMW

- **Client:** BMW (7 Series)
- **Discipline:** Direct Mail · Retouching · Print
- **Role:** Design & production
- **Year:** *(not present on site)*
- **Hero caption / alt:** BMW · Direct Mail · Automotive Retouching
- **Meta description / tagline:** An embedded-video-screen mailer for the 7 Series — and the retouching standard behind BMW's marketing imagery.

**Overview (verbatim):**

> BMW's 7 Series team needed a new way to put the car in a prospect's hands before they ever reached a showroom. The brief was open: find a direct-mail format worth opening, and worth keeping.

> That answer was a mailer built around an embedded video screen, with printed cards staged so the vehicle's new features reveal themselves as the piece is handled. But the engagement ran wider than one object: it also covered the image retouching behind BMW's marketing, promotional, and social materials — the everyday imagery the brand puts in front of people, finished to the same standard as the car.

**Section — The Format:**

> A direct-mail piece competes with the recycling bin. Embedding a working video screen — rather than printing another fold-out — was a bet that a 7 Series prospect would stop for something that behaved like an object, not a brochure.

> The printed cards were staged around the screen so the vehicle's features unfolded in sequence as the recipient moved through the piece. Format, trim, fold, and screen placement were resolved together, the piece always considered as it would feel in the hand.

**Section — Retouching:**

> Automotive photography never arrives press-ready. Across BMW's marketing, promotional, and social imagery, each shot was retouched in post — paint response, panel geometry, reflections, ambient light — so the finished image holds against the brand's own production standard, at the resolution large-format work demands.

> The work moved between studio and environmental frames, and between channels and formats, but the discipline stayed the same: keep every image consistent with BMW's established visual language, and let nothing pull the eye from the vehicle.

**Outcome:**

> Two sides of one standard — a mailer resolved as a single object, and a body of retouched imagery running across BMW's channels, each finished to the level the 7 Series is sold on.

**Image assets (downloaded to `assets/`):**
- `bmw-400.webp`, `bmw-800.webp`, `bmw-1200.webp` (alt: "BMW · Direct Mail · Automotive Retouching")
- (Reference only, not downloaded) gallery: `/works/bmw-{1..7}-*.jpg`, alts: "BMW 7 Series, wide environmental photography," "BMW 7 Series studio detail," "BMW 7 Series in landscape, motion context," "BMW 7 Series retouching, environmental setting," "BMW 7 Series studio shot under controlled lighting," "BMW 7 Series, final retouched large-format image"

---

### 3. Allstate

- **Client:** Allstate
- **Discipline:** Print Production · Direct Mail · Email
- **Role:** Design & production
- **Year:** *(not present on site)*
- **Hero caption / alt:** Allstate · Direct Mail · Email Production
- **Meta description / tagline:** Press-ready direct mail and desktop email, built to a regulated national brand's specifications alongside its creative team.

**Overview (verbatim):**

> Allstate's materials reach policyholders at scale and carry the brand's accountability with them, which makes production rigour non-negotiable. Working alongside Allstate's creative team, the role was production-focused: build to spec, prepare for press, and make sure every file could move through the pipeline without revision.

> This is the kind of work that doesn't reward improvisation. Colour values, bleed, safe zones, email rendering — each constraint is fixed by the client, the printer, or the inbox. Execution is the work.

**Section — Production:**

> The engagement covered two distinct production surfaces: desktop email layouts, and direct-mail files prepared for print. Email work required close attention to rendering discipline — clients impose structural constraints the visual design alone cannot guarantee, and a brand like Allstate demands consistency at every step. Print files asked for the same rigour in a different register: bleed, colour accuracy, and press-ready preparation aligned to a high-volume direct-mail operation.

> Working inside an established creative team meant fluency in someone else's system — adhering to brand guidelines already in place, matching file conventions already decided, and contributing output that could move forward without a handoff lag. The measure of success is plain: files that are correct, compliant, and ready.

**Outcome:**

> A body of direct-mail and email assets delivered across multiple campaigns to Allstate's standards — accurate, on-spec, and ready.

**Image assets (downloaded to `assets/`):**
- `allstate-400.webp`, `allstate-800.webp`, `allstate-1200.webp` (alt: "Allstate · Direct Mail · Email Production")
- (Reference only, not downloaded) gallery: `/works/allstate-{2..5}-*.jpg`, alts: "Allstate email campaign layout," "Allstate direct-mail design, vertical format," "Allstate desktop email build," "Allstate press-ready direct-mail production file"

---

### 4. HearingLife

- **Client:** HearingLife
- **Discipline:** Email Design · Brand
- **Role:** Design & production
- **Year:** *(not present on site)*
- **Hero caption / alt:** HearingLife · Email Modernization
- **Meta description / tagline:** A single eblast, redrawn — new hierarchy, one clear action, and a more legible path to a younger audience.

**Overview (verbatim):**

> HearingLife is a long-established Canadian hearing-health provider whose email programme had, over time, drifted toward the habits of an older audience: dense layouts, competing priorities, and a tone that leaned on familiarity rather than invitation.

> The brief was deliberately narrow — modernize the email's voice and format for a younger demographic without surrendering the brand's authority. The response was equally focused: a single, documented before-and-after redesign of a core eblast.

**Section — Approach:**

> The original layout carried the marks of email built for a different era: cluttered hierarchy, no clear resting point for the eye, and a call to action buried among competing messages. The redesign stripped the composition back to its essential job — bring the right person to a booking.

> A clean, legible structure replaced the dated format, centred on a single headline — "Hearing aids made just for you" — and one unambiguous booking call to action. The intervention was precise rather than sweeping: every decision served the task of making the email feel contemporary without erasing the trust the brand had earned over decades.

**Outcome:**

> A production-ready direction — a documented, restrained modernization showing how HearingLife's email could reach a broader audience while holding its authority.

**Image assets (downloaded to `assets/`):**
- `hearinglife-400.webp`, `hearinglife-800.webp`, `hearinglife-1200.webp` (alt: "HearingLife · Email Modernization")
- (Reference only, not downloaded) gallery: `/works/hearinglife-before-*.jpg` (alt: "HearingLife email, original dense layout (before)"), `/works/hearinglife-after-*.jpg` (alt: "HearingLife email, redrawn with one clear action (after)")

---

### 5. Cyberus Systems

- **Client:** Cyberus Systems (cyber-security company)
- **Discipline:** Brand Identity
- **Role:** Design & production
- **Year:** *(not present on site)*
- **Hero caption / alt:** Cyberus Systems · Brand Identity
- **Meta description / tagline:** Three layered forms in deep navy — a mark that reads as both signal and structure.
- **Palette:** #100C3A, #1B1464, #928EB5, #F4F0E9

**Overview (verbatim):**

> Cyberus Systems is a cyber-security company, and its identity had to hold two ideas at once — protection, and the constant movement of data. The mark answers with a stacked symbol of three chevron-like bands, each offset from the last, set against a clean geometric wordmark: the symbol does the expressive work, the type grounds it with institutional weight.

> The name folds the digital (cyber) into the mythological guardian (Cerberus), and the form follows — the layered bands read at once as signal waves, network layers, or shields in motion. For a security brand, legibility is the point: the mark signals vigilance and technical depth without falling back on padlocks or the usual clichés.

**Section — The Mark:**

> The symbol is three parallel chevron bands, each stair-stepped downward to the left, generating cascading movement that never breaks into chaos. The geometry is precise — equal weight, equal spacing — which keeps the dynamism disciplined. That tension between motion and order is the mark's central idea.

> The wordmark is set in a round-cornered geometric sans that echoes the softened cuts in the symbol. Deep navy unifies both: authoritative without aggression, technical without coldness. "Systems" sits flush beneath "Cyberus" at a lighter optical weight — identity before descriptor — while the two-line stack mirrors the layered logic of the icon itself.

**Outcome:**

> A mark restrained enough to anchor a wider identity — technically rigorous without losing its edge.

**Image assets (downloaded to `assets/`):**
- `cyberus-400.webp`, `cyberus-800.webp`, `cyberus-1200.webp` (alt: "Cyberus Systems · Brand Identity")
- Note: `cyberus-400.webp` is 4.6KB — below the 5KB target but a verified, valid, full webp image (flat-color logo art compresses very small; not a partial download)
- (Reference only, not downloaded) gallery: `/works/cyberus-{1,3,4}-*.jpg`

---

### 6. Jotted

- **Client:** Jotted (notebook and stationery brand)
- **Discipline:** Brand Identity
- **Role:** Design & production
- **Year:** *(not present on site)*
- **Hero caption / alt:** Jotted · Brand Identity
- **Meta description / tagline:** A scribble made deliberate — the energy of a thought caught mid-flight.
- **Palette:** #8D4016, #F36E26, #F9B997, #F4F0E9

**Overview (verbatim):**

> Jotted is a notebook and stationery brand, and its logotype had to feel like the thing it sells: the moment a thought gets written down. It holds two gestures in one breath — a loose, spiralling mark that reads as handwriting in motion, and a clean rounded wordmark that grounds it. The terminal period turns a fleeting note into something kept.

> For a stationery brand, the mark earns its place by being about the act of writing rather than the product. The symbol is unfinished by design — a cascade of looping strokes that catch a thought before it settles — while the wordmark stays composed and assured. Together they run the whole arc of an idea, from impulse to record, which is exactly what a notebook is for.

**Section — The Mark:**

> The symbol is a cluster of overlapping scribble-strokes in a single warm orange — not a tidy icon of a pen, but the trace the pen leaves. The looseness is deliberate; every loop slightly overruns the last, the way handwriting does when the mind moves faster than the hand.

> The wordmark is set in a humanist rounded sans — soft terminals, open apertures, letterspacing generous enough to let the word breathe. The colour is identical to the symbol, unifying mark and name without a container or frame. The terminal period is the most considered choice here: it closes the word the way a period closes a sentence, and in a logotype reads as quiet emphasis — the designer's signature on the idea.

**Outcome:**

> A mark that captures the private moment of notation — confident, warm, and unmistakably its own.

**Image assets (downloaded to `assets/`):**
- `jotted-400.webp`, `jotted-800.webp`, `jotted-1200.webp` (alt: "Jotted · Brand Identity")
- Note: `jotted-400.webp` is 4.0KB — below the 5KB target but a verified, valid, full webp image
- (Reference only, not downloaded) gallery: `/works/jotted-{3,4}-*.jpg`, alts: "Jotted mark reversed in paper on the brand orange," "Jotted mark in monochrome ink"

---

### 7. soomoo

- **Client:** soomoo (drinkware brand — tea cups and tumblers)
- **Discipline:** Brand Identity
- **Role:** Design & production
- **Year:** *(not present on site)*
- **Hero caption / alt:** soomoo · Brand Identity
- **Meta description / tagline:** A mark whose softness is its argument.
- **Palette:** #242851, #3E458C, #A2A6C8, #F4F0E9

**Overview (verbatim):**

> soomoo is a drinkware brand — tea cups and tumblers — and its identity leans entirely on rounded, tactile logic, the way a cup sits in the hand. The icon is an open, slightly irregular oval with a notched interior: at once a vessel, a face, and a glyph. Paired with a lowercase wordmark in a geometric sans, the system reads warm and approachable without tipping into cute.

> The doubled 'oo' at the centre of the name is part of the design — the letterforms echo the symbol's circular grammar, and the lowercase keeps the brand from claiming an authority it doesn't want. For something you hold while you slow down, restraint is the point.

**Section — The Mark:**

> The symbol is a single closed stroke — near-circular, interrupted at the top by a gentle break that keeps it from reading as mere geometry. That gap is the detail that makes it feel alive: it implies openness, breath, a gesture held in balance. The interior counter mirrors the outer form, a figure within a figure that rewards a closer look.

> Colour is a medium-depth indigo-violet, neither corporate nor casual — quiet conviction. The wordmark shares the symbol's stroke weight and corner radius, a constraint that makes the pairing feel inevitable rather than assembled. Lowercase sets the register: a name spoken gently, not announced.

**Outcome:**

> A mark that holds its character at any scale — intimate in small reproduction, assured at display size.

**Image assets (downloaded to `assets/`):**
- `soomoo-400.webp`, `soomoo-800.webp`, `soomoo-1200.webp` (alt: "soomoo · Brand Identity")
- Note: `soomoo-400.webp` is 3.9KB — below the 5KB target but a verified, valid, full webp image
- (Reference only, not downloaded) gallery: `/works/soomoo-{3,4}-*.jpg`, alts: "soomoo mark reversed in paper on the brand indigo," "soomoo mark in monochrome ink"

---

## Homepage catalogue order & discipline tags (verbatim, as displayed on `/`)

1. Willo — Brand Identity · Packaging · E-commerce
2. BMW — Direct Mail · Retouching · Print
3. Allstate — Print Production · Direct Mail · Email
4. HearingLife — Email Design · Brand
5. Cyberus Systems — Brand Identity
6. Jotted — Brand Identity
7. soomoo — Brand Identity

---

## Voice notes

For any writer producing new copy in this voice, match these patterns:

- **Sentence rhythm is long-short-long.** Paragraphs typically open with a scene-setting or context sentence (25–45 words, often with an em-dash aside), then land on a short, declarative closer ("Execution is the work." / "For a stationery brand, the mark earns its place by being about the act of writing rather than the product." style closers land the paragraph's thesis in one clean stroke).
- **Formality is measured, not stiff.** Third person throughout ("Thomas conceived and executed," never "I designed"), no exclamation points, no marketing superlatives ("world-class," "cutting-edge," "amazing") — confidence is conveyed through precision and specificity, not adjectives. Contractions appear rarely and only for rhythm ("doesn't," "isn't," "wasn't").
- **Vocabulary is craft-literate and production-aware.** The copy uses real trade vocabulary correctly and without over-explaining: bleed, safe zones, press-ready, retouching, SKU, letterforms, terminal, counter, stroke weight, aperture, optical weight. It trusts the reader to either know these terms or infer them from context — never a glossary aside.
- **Em dashes do heavy lifting as connective tissue**, almost always used to append a clarifying or contrasting clause rather than to interrupt ("a mailer resolved as a single object, and a body of retouched imagery running across BMW's channels, each finished to the level the 7 Series is sold on"). Avoid semicolons; em dashes and periods carry the punctuation load.
- **Every project write-up follows the same skeleton**: one-line italic tagline → Overview (2 paragraphs: problem/context, then response/approach) → one or two named sub-sections (2 paragraphs each, going deeper on a specific facet — "The Mark," "The Format," "Retouching," "Production," "Approach") → a single-sentence Outcome that closes with a concrete, often quantified or vividly specific payoff line, not a vague "great success" statement.
