Brand system · v2.0 · 2026
One loud orange. Everything else gets out of the way.
Black and white, warm stone neutrals, and a single orange. Orange is the human. Cyan is what the machine sees. That split runs through the site and every motion graphic. The logo itself stays one color.
[01] Logo
A human inside the H.
The mark is a rounded H with a face in profile cut into its left side: the human the data comes from. The wordmark echoes it, with the r of “For” running into the H of “Human”.
On black
On white
On orange · one color
The mark alone
Use it where the name is already present: favicon, avatars, app icon, social profiles.
Clear space and size
- Keep clear space equal to the width of the H’s right stem on every side.
- Minimum height: 20 px for the horizontal logo, 16 px for the mark.
- One color only: ink on light backgrounds, paper or white on dark.
Writing the name
- In text: ForHuman (capital F, capital H, one word).
- In URLs and handles: forhuman.
- Never “For Human”, “FORHUMAN” or “Forhuman”.
Don’t rotate, recolor, stretch or add effects.
[02] Color
Orange means human. Cyan means machine.
About 90% neutrals, 8% orange, 2% cyan. One orange action per view. Cyan lives inside motion graphics and diagrams, never on buttons.
| Token | Dark | Light | Use | Contrast (dark / light) |
|---|---|---|---|---|
--bg | #000000 | #FFFFFF | Page background | — |
--bg-2 | #0E0E0D | #F6F5F1 | Panels, stages, cards | — |
--line | #262624 | #E4E2DA | Hairlines, borders | — |
--fg | #F4F3EE | #0A0A09 | Headlines, body | 18.9 / 19.8 |
--fg-2 | #A6A49C | #5D5C56 | Secondary text | 8.4 / 6.7 |
--fg-3 | #77756E | #74726A | Tertiary labels | 4.6 / 4.8 |
--brand | #FF5A0A | #FF5A0A | Fills, large accent text | 6.7 / 3.1 (large only) |
--brand-text | #FF6B21 | #C93C00 | Small orange text | 7.4 / 5.1 |
--vision | #19D3FF | #0088BF | Machine layer graphics | 11.8 / 4.0 |
--vision-text | #19D3FF | #0077A8 | Small cyan text | 11.8 / 5.0 |
[03] Type
Two typefaces. No exceptions.
The internet taught AI what humanity says. We teach it what humanity does.
Instrument Sans
Headlines 500 · tracking −4.5%
Body 400 · 17 px / 1.55
[01] Capture · 00:41:07 · mug 0.94 · grasp(right) → place
Martian Mono
Labels, data, HUD · 11 px · uppercase · +6%
[04] Voice
Say less. Show the hands.
Short sentences. Concrete things: hands, mugs, rooms, robots. Only numbers we can stand behind. No hype words.
Say
Capture teams wear the camera through ordinary days.
Not
Unlocking scalable, next-generation embodied intelligence solutions.
Say
Contributors give explicit consent.
Not
Ethically sourced, privacy-first human data at scale.
[05] Motion
Made in code. Looped, never random.
Orange moves like a person. Cyan reacts like a model. Every loop is deterministic, pauses off-screen and becomes a still frame for visitors who prefer less motion.
Vision first-person hands, VLM labels
Capture egocentric room scan
Pipeline capture → train
Teach hand → robot
[06] Downloads
