Sheet B1 · Brand standards
Green means live.
- Brand
- Nupixl
- Modes
- System · Document
- Faces
- Söhne · Söhne Mono
- Issued from
- Buffalo, NY
01 · The idea
The brand is quiet, precise, and mostly black, gray and white. Green appears only when something is actually happening. Because it’s rare, it means something.
What earns green · samples
Expert answer receivedZoning counsel
World updated3h ago
Stage 01Running
Everything else, at rest
Stage 03Ahead
Stage 02Next
02 · The mark
Nupixl means “new pixel”. The dot of the i is that pixel.
One stem wide, square, its top on the ascender line. Gray at rest, green when something is live, so the logo carries the idea by itself. It is the brand’s only device: the same square marks a live status, a stage on the roadmap and a node in the world.
Drawn from Schibsted Grotesk Medium at −0.02em. Clear space is one x-height on every side. Minimum size: 14px tall on screen, 6mm in print.
Three directions
In use
03 · Two modes
System for anything that shows the work running. Document for anything read closely and handed on.
World updated 3h agoBuffalo, NY
Every project teaches the next one.
Near-black, layered dark surfaces, hairlines, off-white text, muted gray, one signal green.
System · dark
- Background#090B0A
- Surface 1#0E110F
- Surface 2#141716
- Surface 3#1B1F1E
- Hairline#252927
- Line strong#3A3E3C
- Field edge#6B706E
- Text#EAEEEC
- Text muted#A5ABA8
- Text faint#828885
- Pixel at rest#4D5250
- Live#7FD497
| Color | On | Ratio | WCAG |
|---|---|---|---|
| Text | bg | 16.86:1 | AAA |
| Text | surface 1 | 16.22:1 | AAA |
| Text | surface 2 | 15.41:1 | AAA |
| Text | surface 3 | 14.22:1 | AAA |
| Muted text | bg | 8.45:1 | AAA |
| Muted text | surface 1 | 8.13:1 | AAA |
| Muted text | surface 2 | 7.72:1 | AAA |
| Muted text | surface 3 | 7.13:1 | AAA |
| Faint text | bg | 5.46:1 | AA |
| Faint text | surface 1 | 5.25:1 | AA |
| Faint text | surface 2 | 4.99:1 | AA |
| Live | bg | 11.06:1 | AAA |
| Live | surface 1 | 10.64:1 | AAA |
| Live | surface 2 | 10.11:1 | AAA |
| Live | surface 3 | 9.33:1 | AAA |
| Error | bg | 8.62:1 | AAA |
| Error | surface 1 | 8.29:1 | AAA |
| Error | surface 2 | 7.88:1 | AAA |
| Button label | text | 16.86:1 | AAA |
| Field edge | bg | 3.92:1 | 3:1 edge |
| Field edge | surface 1 | 3.77:1 | 3:1 edge |
| Field edge | surface 2 | 3.58:1 | 3:1 edge |
Field notesRev 2026-11-05
Pre-development, week six.
Paper white, deep navy ink, and one blue for links and emphasis. Green only marks a live state.
Document · light
- Background#FBFAF7
- Surface 1#F4F2EF
- Surface 2#EBE9E5
- Hairline#D2D6DE
- Line strong#AAB1BE
- Field edge#788091
- Text#0F1D38
- Text muted#4B5669
- Text faint#5F6879
- Pixel at rest#C3C8D0
- Blue#1957D2
- Live#13773F
| Color | On | Ratio | WCAG |
|---|---|---|---|
| Ink | bg | 16.05:1 | AAA |
| Ink | surface 1 | 15.00:1 | AAA |
| Ink | surface 2 | 13.82:1 | AAA |
| Muted ink | bg | 7.10:1 | AAA |
| Muted ink | surface 1 | 6.63:1 | AA |
| Muted ink | surface 2 | 6.11:1 | AA |
| Faint ink | bg | 5.38:1 | AA |
| Faint ink | surface 1 | 5.02:1 | AA |
| Blue | bg | 6.03:1 | AA |
| Blue | surface 1 | 5.63:1 | AA |
| Blue | surface 2 | 5.19:1 | AA |
| Live | bg | 5.38:1 | AA |
| Live | surface 1 | 5.03:1 | AA |
| Error | bg | 6.30:1 | AA |
| Error | surface 1 | 5.88:1 | AA |
| Button label | text | 16.05:1 | AAA |
| Field edge | bg | 3.80:1 | 3:1 edge |
| Field edge | surface 1 | 3.55:1 | 3:1 edge |
04 · Type
Type
Grotesk · headlines and body · 400 and 500
Every project teaches the next one.
People handle judgment and relationships. The system carries everything else: drafting, chasing, remembering, re-planning.
- Licensed
- Söhne, Klim Type Foundry
- Free fallback
- Schibsted Grotesk, SIL Open Font License 1.1
Mono · system language only · 400 · samples
World updated 3h agoBuffalo, NY
Step 03/05Contact experts
Stage 02Next
2026-11-05 · 14:32 ET · Rev 07
- Licensed
- Söhne Mono, Klim Type Foundry
- Free fallback
- Fragment Mono, SIL Open Font License 1.1
05 · The world
The project’s shared model, drawn as squares and hairlines. It gets denser as work happens.
- Rest what the world already knew
- New one green pulse: 500ms hold, 1s settle
- Settled added this cycle
- Outside expert outline only
- Waiting dashed until an answer comes
No maps, satellite imagery, terrain, parcels or buildings. The world is abstract on purpose.
06 · Five rules
Do and don’t
- 01Do Use green for something happening now, next to words that say what.Don’t Use green for buttons, links, headings, hovers, checkmarks or decoration.
- 02Do Let black, the grays and off-white carry everything else.Don’t Add a second accent, a gradient, a glow, or glass.
- 03Do Set people’s sentences in the grotesk and the system’s language in mono.Don’t Write marketing sentences in mono, or set body text below 16px.
- 04Do Move only when the system does something: one pulse, then it settles.Don’t Loop an animation, use parallax, or ping a dot that has no event behind it.
- 05Do Show the work: sources, reviewers, dates, conditions.Don’t Use stock photos, AI imagery, illustrated people, maps, parcels or buildings.