Brand
The Zero Human logo, mark, colours and type, and the credit for a site built with Zero Human. Use them as they are here.
The wordmark
ZERO HUMAN in Anton, upper case. On dark grounds it is dirty white, on light ones void black. Beside the mark, it is the lockup. Every file is outlined, so it needs no font.
Do
- Keep clear space around it of at least the height of the Z.
- Use the dirty-white files on dark grounds and the black files on light ones.
- Scale it whole. The SVGs stay sharp at any size.
Don’t
- Recolour it, and never in magenta: magenta is kept for problems.
- Round its corners, outline it, or put it in a badge shape.
- Stretch it, rotate it, or set the name in another face.
The palette
Mostly black and charcoal, dirty white for text, and neon used as a signal, never as decoration. Cyan is the action. Magenta means something went wrong, and nothing else.
Primary
- Void Black
#050505Background, the page base - System Charcoal
#111315Panels, cards and surfaces - Dirty White
#E6E0D6Text, and the logo on dark - Electric Cyan
#00CFFFActions, links, system status - Neon Magenta
#FF006EProblems only: failed, blocked, off target
Secondary
- Warning Amber
#FFB000Work in flight - Success Green
#39FF88Done, approved, healthy - Rust Brick
#5A241FTexture, shadow, warmth - Muted Grey
#7B7B7BParked: queued or paused
Three faces
Anton for headlines and the wordmark, always upper case. Space Grotesk for reading. IBM Plex Mono for labels and anything the system says. All three are free under the Open Font License.
Headlines and the wordmark
Command, not chaos
Anton (opens in a new window)Body text
Your AI team does the work. You make the calls.
Space Grotesk (opens in a new window)Labels, status and data
RUN 0142 · WAITING ON GATE
IBM Plex Mono (opens in a new window)
Built with Zero Human
A one-line credit for a site built on Zero Human. The mark sits in the line like an emoji: the size of the text around it, in the text’s own colour and font.
On a dark footer
On a light footer
HTML, inline mark
Use this one. It works on any site and loads nothing.
<a href="https://zerohuman.com" style="color:inherit;text-decoration:none;white-space:nowrap">Built with <svg viewBox="0 0 32 32" width="1em" height="1em" role="img" aria-label="AI-native company" style="display:inline;vertical-align:-0.125em"><title>AI-native company</title><rect width="32" height="32" fill="#050505"/><path d="M7 6h18v4.2L13.4 22H25v4H7v-4.2L18.6 10H7z" fill="#E6E0D6"/><rect x="7" y="6" width="18" height="1.6" fill="#FF006E"/><rect x="7" y="24.4" width="18" height="1.6" fill="#00CFFF"/></svg> Zero Human</a>HTML, mark as an image
For a site builder or CMS that strips inline SVG. The mark loads from zerohuman.com.
<a href="https://zerohuman.com" style="color:inherit;text-decoration:none;white-space:nowrap">Built with <img src="https://zerohuman.com/images/brand/zero-human-mark.svg" alt="AI-native company" width="16" height="16" style="display:inline;width:1em;height:1em;vertical-align:-0.125em"> Zero Human</a>- Put it in the site’s footer, beside the copyright line, at the footer’s text size.
- Keep the words “Built with” and “Zero Human”, and keep the link to zerohuman.com.
- In React or other JSX, keep the markup and convert what JSX spells differently: style becomes an object. Vue takes it as it is.
- Don’t recolour, resize or round the mark. It takes the text’s size, and its black square keeps it legible on any ground.