Chapter 5
Brand
Everything is in knodemd/brand, generated from one source
file (Source/brand.json), with full guidelines in 01 Brand Guidelines.
The idea
Every shape in Knode, from the logo to the last icon, comes from one rule: draw with square cells, and round every corner, convex or concave, with half a cell. The logo is two blocks joined by a bridge: two connected ideas.
The essentials
| Logo | Four forms: horizontal, stacked, symbol (the K), wordmark (KNODE), transparent or on a background |
| Colour | Ink #0B0B14, Paper #F3F2EE, Indigo #818CF8, nothing else, no gradients |
| Type | Knode Block (display), Knode Line (labels), Geist (text), Geist Mono (technical) |
| Icons | 63, on a 7 × 7 grid with a one-cell stroke |
| Voice | Clear, yours, calm. English first. |
| Tagline | Connect your thoughts. Naturally. |
Knode and Knode Developers
The brand has two materials. Knode is drawn in vector for the app and everything people use. Knode Developers is the same brand written in characters (ASCII, Geist Mono) for the CLI, APIs, MCP, SDKs and docs. They never mix in one piece.
Using it
- Find the right file with the Find it fast table in the brand repo's README.
- The brand (names, logo, icons and the Knode typefaces) is reserved under the Knode Brand License; everything else is Apache 2.0.
- Need something the kit doesn't have? Open an issue in
brandwith thetype: designlabel.