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

At rest · pixel #4D5250
Live · pixel #7FD497

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

A · The dot of the i · DevelopedThe pixel sits where the word already expects a dot, so it reads as one word at every size. It lives in “pixl”, the half of the name it stands for.
B · The next pixelA light after the word, like a device’s status LED. At nav size it reads as an apostrophe or a trademark mark.
C · The node in the xA node where the strokes cross, tying the mark to the world graph. Below 24px it reads as a rendering fault.

In use

163248
Favicon · the n and its pixel · goes green when something changed for you
How it worksAtlas OSContact
Nav bar · 20px tall
Q4 operating review · Slide 1Every project teaches the next one.
Slide · 16:9 · pixel live when the deck reports a running stage

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
System mode contrast: text and field edges
ColorOnRatioWCAG
Textbg16.86:1AAA
Textsurface 116.22:1AAA
Textsurface 215.41:1AAA
Textsurface 314.22:1AAA
Muted textbg8.45:1AAA
Muted textsurface 18.13:1AAA
Muted textsurface 27.72:1AAA
Muted textsurface 37.13:1AAA
Faint textbg5.46:1AA
Faint textsurface 15.25:1AA
Faint textsurface 24.99:1AA
Livebg11.06:1AAA
Livesurface 110.64:1AAA
Livesurface 210.11:1AAA
Livesurface 39.33:1AAA
Errorbg8.62:1AAA
Errorsurface 18.29:1AAA
Errorsurface 27.88:1AAA
Button labeltext16.86:1AAA
Field edgebg3.92:13:1 edge
Field edgesurface 13.77:13:1 edge
Field edgesurface 23.58:13: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
Document mode contrast: text and field edges
ColorOnRatioWCAG
Inkbg16.05:1AAA
Inksurface 115.00:1AAA
Inksurface 213.82:1AAA
Muted inkbg7.10:1AAA
Muted inksurface 16.63:1AA
Muted inksurface 26.11:1AA
Faint inkbg5.38:1AA
Faint inksurface 15.02:1AA
Bluebg6.03:1AA
Bluesurface 15.63:1AA
Bluesurface 25.19:1AA
Livebg5.38:1AA
Livesurface 15.03:1AA
Errorbg6.30:1AA
Errorsurface 15.88:1AA
Button labeltext16.05:1AAA
Field edgebg3.80:13:1 edge
Field edgesurface 13.55:13: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.

Almost emptyThe project and its areas.
Mid-projectPlan, work, outside experts, first answers.
DenseMany cycles. Older knowledge rests in gray.
  • 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

  1. 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.
  2. 02Do Let black, the grays and off-white carry everything else.Don’t Add a second accent, a gradient, a glow, or glass.
  3. 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.
  4. 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.
  5. 05Do Show the work: sources, reviewers, dates, conditions.Don’t Use stock photos, AI imagery, illustrated people, maps, parcels or buildings.