Brand Kit · 001 · Twilight Telemetry
Marks, mascot, and the rules around them.
Everything 404 Technologies ships under its own name uses the system on this page. Marks are tight, geometric, and quiet. The accent is reserved. The mascot, Zero, only shows up where it earns a smile.
The wordmark. Inter Display 800, kerned tight, accent dot in Lab Violet.
404.
Zero is the middle digit of 404, personified. Reserved for signature moments.
Restrained duotone. Tinted ink-violet neutrals, Lab Violet identity, Telemetry Mint for liveness only.
Ink Violet
#0e0a14
Canvas · Body
Surface
#130e1c
Cards · Hover
Border
#1e1828
Hairlines · Dividers
Lab Violet
#a78bfa
CTA · Accent · Identity
Telemetry Mint
#5eead4
Status · Live data only
Heading
#e8e6ef
Display · Headings
Body
#9080b8
Paragraph · Sub
Muted
#5a4878
Mono labels · Meta
Inter for human voice. JetBrains Mono for machine signal.
An AI-native lab.
Selected work, kept small.
We design, build, and operate AI systems. We ship our own products and take a small number of client engagements each year.
STUDIO INDEX · 001 · SS26
One mark, every size. Browser favicon to home-screen icon.
Open Graph card. 1200×630. Posts to X, LinkedIn, iMessage, Slack.
How to use the kit. A short list.
Do
- Keep the accent dot Lab Violet. Always.
- Reserve Telemetry Mint (#5eead4) for liveness signals only — status dots, live data, never CTAs.
- Use Inter for everything human, JetBrains Mono for data.
- Let space breathe. The grid is generous on purpose.
- Pair the mascot with quiet contexts — brand pages, app icons, error states.
- Lock to the dark canvas. Light mode is for the inverse wordmark only.
Don't
- No gradient text. No glassmorphism. No drop shadows.
- No Playfair, no serifs, no decorative fonts.
- No em dashes in copy. Commas, colons, periods.
- Don't recolor the accent. Don't dilute it. Don't double it up.
- Don't anthropomorphize Zero with limbs or expressions beyond what's shipped.