Build your brand from scratch

Goal

Have one brand that looks the same everywhere

For

Founders and designers starting a product

Steps

5

About

120 minutes

5 steps, in order. Sign in to keep track as you go.

1. 1

   Step 1: Write a one-page brand guide

   Answer a short interview and get a one-page guide: colors, type, logo use, and voice.

   Passes on: A brand guide the next steps read

   Use in Claude
2. 2

   Step 2: Pick a brand color that works in light and dark mode

   Pick the accent shade that stays readable in both light and dark mode.

   Passes on: One brand color that works in both themes

   Use in Claude
3. 3

   Step 3: Use your brand colors in CSS, Tailwind, and Figma

   Turn the guide into CSS variables, a Tailwind theme, and Figma tokens.

   Passes on: Brand tokens in your code

   Use in Claude
4. 4

   Step 4: Branded social images and link preview cards

   Make a link preview image, a square post, and a story in your brand.

   Passes on: Share images for your site and posts

   Use in Claude
5. 5

   Step 5: Check if your work is on brand

   Check a page, email, or post against the guide before it ships.

   Passes on: A short fix list for anything off brand

   Use in Claude