whatisgithub

What is brand-book?

ordinarynerds/brand-book — explained in plain English

Analysis updated 2026-05-18

1PythonAudience · developerComplexity · 2/5Setup · easy

In one sentence

A tool that turns your logo, colors, fonts, and brand voice into a complete brand guidelines document plus code tokens that keep a product visually on-brand during development.

Mindmap

mindmap
  root((repo))
    What it does
      Generates brand book
      Creates companion skill
      Outputs code tokens
    Inputs
      brand.json config
      Logo and colors
      Fonts and voice
    Outputs
      Self-contained HTML file
      Editable Paper canvas
      tokens.css and tokens.json
    Use cases
      Create brand guidelines
      Enforce brand in code
      Rebrand by swapping values
    Tech stack
      Python 3
      Claude Code
      No external deps

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Generate a polished brand guidelines document from your logo, colors, fonts, and voice.

USE CASE 2

Create reusable code tokens so a coding agent can keep a product on-brand automatically.

USE CASE 3

Rebrand a product by swapping values in a single config file instead of renaming everything.

USE CASE 4

Measure a live website to pull real colors and fonts for an accurate brand book.

What is it built with?

Python 3Claude CodeHTML

How does it compare?

ordinarynerds/brand-book0xustaz/streamgatea-bissell/unleash-lite
Stars111
LanguagePythonPythonPython
Setup difficultyeasyhardhard
Complexity2/54/54/5
Audiencedeveloperdeveloperresearcher

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Only needs Python 3 with no external dependencies, works with Claude Code or any agent that loads skills.

The explanation does not mention a license, so the licensing terms are unknown.

So what is it?

This repository is an agent skill that takes a brand's raw materials and turns them into two things: a polished brand guidelines document and a companion skill that helps keep a product visually and verbally on-brand during development. You give it a logo, some colors, fonts, and a sense of the brand's voice. It produces a complete brand book plus token files and an enforcement hook so a coding agent can follow those guidelines in code. The repo ships two skills that produce the same book but render it differently. The default, brand-book-html, outputs a single self-contained HTML file you can open in any browser, print to PDF, or publish as a Claude Artifact. The other, brand-book-paper, renders to an editable design canvas using the Paper desktop app. The content is identical either way. You only need the Paper version if you want to hand-edit on a canvas. Everything derives from a single machine-readable file called brand.json, which holds the brand's colors, typography, logo rules, voice, and layout values. Colors are defined as seven semantic roles like background, foreground, and accent, rather than named by hue. This means a rebrand becomes a value change, not a full rename. The skill can measure a live website to pull real colors and fonts instead of guessing, which avoids the generic defaults that models tend to fall back on. The brand book itself is an 11-spread landscape document built incrementally with a self-review step after each spread. The companion skill generates real tokens.css and tokens.json files, an enforceable voice definition, and an optional lint hook that warns when an edit drifts off-brand. The skill works with Claude Code or any agent that loads skills, and the scripts only need Python 3 with no external dependencies. The full README is longer than what was shown.

Copy-paste prompts

Prompt 1
I have my brand colors, fonts, logo, and a description of my brand voice. Help me create a brand.json file in the ordinarynerds/brand-book format so I can generate a brand book and code tokens.
Prompt 2
I want to use ordinarynerds/brand-book with Claude Code. Walk me through running the brand-book-html skill to produce a self-contained HTML brand guidelines file from my brand.json.
Prompt 3
Help me set up the optional lint hook from ordinarynerds/brand-book so my coding agent gets a warning whenever an edit drifts off my brand colors or voice.
Prompt 4
I want to rebrand my product using ordinarynerds/brand-book. Show me how to update the semantic color roles in brand.json so the brand book and tokens regenerate without a full rename.
Prompt 5
Guide me through using ordinarynerds/brand-book to measure my live website and pull real colors and fonts into brand.json instead of using generic defaults.

Frequently asked questions

What is brand-book?

A tool that turns your logo, colors, fonts, and brand voice into a complete brand guidelines document plus code tokens that keep a product visually on-brand during development.

What language is brand-book written in?

Mainly Python. The stack also includes Python 3, Claude Code, HTML.

What license does brand-book use?

The explanation does not mention a license, so the licensing terms are unknown.

How hard is brand-book to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is brand-book for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.