Brand & logo
The Zudo mark, wordmark and app icon, ready to drop into a slide, a README or a conference badge. Take what you need — no request, no sign-up.
The mark
A Z built from modules, with a red diagonal running through the layers: the packages, and the one path through them. Use it on its own wherever the name is already obvious — an avatar, a favicon, a sticker.
Mark and wordmark
The full lockup: mark, then ZUDO drawn as strokes on the same grid. This is the default choice anywhere the project is being introduced.
App icon
The mark on its navy tile, for app stores, desktop shortcuts and anywhere a square icon is required. It carries its own background, so it needs no padding of yours.
Colours
#1A1A2E
Mark and wordmark
#C0392B
The diagonal
#16213E
Dark surfaces, icon tile
#FAFAF9
Light surfaces, reversed mark
Using it
Please do
- Prefer the SVG. It stays sharp at any size.
- Leave clear space of at least one module — one square of the grid, or 12/80 of the mark's width — on every side.
- Keep the mark at 24 px or larger, and the lockup at 96 px wide or larger.
- Use the reversed files on dark backgrounds.
- Use the logo to link to or refer to Zudo.
Please don't
- Recolour the artwork, or swap the red diagonal for another colour.
- Stretch, rotate, outline or add effects to it.
- Rebuild the wordmark in another typeface.
- Place the mark on a busy image, or on a background it cannot be read against.
- Use it as your own product's logo, or in a way that suggests Zudo endorses your product.
Linking to it
Every file is served from this site, so a README or a slide can link to it directly rather than keeping its own copy.
The artwork is part of the Zudo project, which is MIT licensed. The marks identify the project; the rules above apply to them.
For scripts and AI agents
The kit is also published as data, so a build script or an assistant can pick the right file without scraping this page.
- brand.json — every asset with its URL, format, pixel size and intended background, plus the palette, the rules and the licence.
- brand.md — this page as Markdown, like every docs page.
- llms.txt — the site index agents read first; it points here.
Need something else?
If you need a format that isn't here — a vector for print, a one-colour version, a wider lockup — open a discussion and it will be added.