Brand & Design Systems

A Kaern Schools course · Tutor: Cad

Welcome. This course is for founders building a Kaern startup who need a brand that holds together — not just a logo someone made in an afternoon, but a working system that lets you ship a landing page, an invoice, a trade-show banner, and a product label that all feel like they came from the same company. If you have ever stared at two of your own screens and thought "why do these look like strangers?", you are exactly who I built this for.

Who should take it: early founders, technical co-founders who got stuck owning design, and operators wrangling a brand that grew by accident. No design degree assumed.

Outcomes — by the end you will be able to:

• Articulate a brand strategy that drives concrete design decisions.
• Build a color, type, spacing, and icon system with named, reusable tokens.
• Write voice and content guidelines a stranger could follow.
• Ship a living brand book and component library, and govern it as you scale.

Your tutor: I'm Cad. I have spent years inside cycleX brands — wiring up the cyclewash shop, refreshing its theme from the marketing site, untangling the day a "blue" turned into six slightly different blues across the codebase. I teach from the scars. We'll use real cycleX examples throughout: cyclewash (the bicycle-washing systems brand) and Kaern Schools itself. Pull up a chair.

Module 1 — Brand Strategy: The Foundation Beneath the Pixels

A design system with no strategy underneath is a paint job on a house with no frame. This module is about the frame.

Learning objectives

• Define brand strategy and distinguish it from visual identity.
• Articulate a positioning statement, audience, and value proposition.
• Map brand personality to concrete design implications.
• Audit an existing brand for strategy gaps.

Lesson 1.1 — Strategy before pixels

Teaching script. Let me start with a confession. The first time I "branded" something, I opened a color picker. Wrong door. Brand strategy is the decision about who you are for and why they should care — and it has to exist before a single hex code. Think of it like a bicycle frame. You can bolt on gorgeous wheels, a leather saddle, a paint job that glints in the sun — but if the frame geometry is wrong, the bike fights you on every hill. Strategy is the geometry.

Why does this matter to you as a founder? Because every design choice you'll make for the next two years is a vote on a question. Should the button be playful or precise? Should the headline say "revolutionary" or "reliable"? Without strategy, you'll answer those questions by mood, and your brand will wobble. With strategy, the answers fall out almost automatically. When cyclewash decided it was about engineered, professional bicycle care — not cheap, not casual — the deep blue, the clean sans-serif, the absence of cartoon bubbles all followed from that one decision.

So before you touch a tool, answer: who is this for, what do they currently believe, and what do you want them to believe instead?

Lesson 1.2 — Positioning and personality

Teaching script. Here's a trap I want you to avoid: trying to be for everyone. A brand that is for everyone is for no one — it's beige soup. Positioning is the deliberate act of standing somewhere specific, which means standing against something. cyclewash positions against the bucket-and-sponge, against the local car wash that wrecks your drivetrain. That "against" is a gift: it tells you what to emphasize.

Think of brand personality like a person at a party. If your brand walked in, would it be the meticulous engineer who quietly fixes your problem, or the loud entertainer cracking jokes? Neither is wrong — but they dress differently, speak differently, and design differently. Kaern Schools, as a brand, is the patient expert mentor: warm but credible. That personality is why our materials lean readable and structured rather than flashy.

The discipline here is to write personality as traits with edges: not "friendly" (everyone says that) but "friendly like a senior mechanic who respects your time." The sharper the trait, the more it can guide a designer who isn't you.

If you had to name three personality traits your startup must own — and three it must never be mistaken for — what would they be?

Worked example

cyclewash positioning statement, built from strategy:

For cycling businesses and serious riders who refuse to let grime wear out expensive drivetrains, cyclewash is the engineered bicycle-washing system that cleans thoroughly without damage — unlike buckets, hoses, or car-wash improvisation. We are precise, professional, and built to last.

Design implications that fall out: deep, trustworthy blue (not a playful pink); a clean geometric sans (precision); photography of real equipment (not illustration); green accents reserved strictly for eco/water-saving claims, so the eco message reads as a deliberate proof point, not decoration.

Hands-on exercise

Write your startup's positioning statement using this template:

For [audience] who [need/frustration], [brand] is the [category] that [key benefit] — unlike [alternative]. We are [3 personality traits].

Then list five design implications that follow directly from it (e.g. "precise → no rounded bubbly fonts"). Bring both to the next module.

Common mistakes

1. Picking colors first. Strategy is the frame; visuals are the wheels. Reverse it and you redo everything later.
2. Positioning for everyone. "For all cyclists" is not positioning — it's a wish. Stand somewhere specific.
3. Vague personality words. "Modern, clean, innovative" describes 90% of startups and guides no one. Add edges.

Check for understanding

1. In one sentence, what's the difference between brand strategy and visual identity?
2. Why does effective positioning require something to stand against?
3. Give one design decision that should change if a brand's personality shifts from "playful" to "precise."