Nordic landscape in fog

Emerald HQ

A personal operating system that compounds knowledge over time. This is its design system: the decisions, the vocabulary, and the machine that keeps every surface on brand.

IDENTITY

Built for operators,
not for applause

POSITIONING

Personal OS that compounds knowledge over time

PROMISE

Frameworks that survive the next session; evidence that survives the next correction

AUDIENCE

Operators building systems that learn.

NOT FOR

Anyone who wants a chatbot to agree with them.

THE SYSTEM

Four languages, one voice:
color, type, motion, words

COLOR

One accent that never shouts

Emerald holds forty to sixty percent presence, always as accent, never as flood. Everything else stays quiet so the accent can mean something.

CORE
ink
body
surface
emerald
deep
amber
terra
EMERALD SCALE
50
100
200
500
700
900
SEMANTIC + DATA
ok
warn
danger
info
viz 2
viz 3
viz 4
TYPOGRAPHY

Three faces, stepped weights

DISPLAY · 800Bricolage Grotesque
DISPLAY · 600Section headings step down
BODY · FIGTREEBody text breathes at 1.8 line height. Airy paragraphs force brevity: if it does not fit, it was not one thought.
MONO · AZERETLabels run wide and uppercase
SPACING & GEOMETRY

An eight pixel pulse

Every gap is a multiple of eight. Tight inside a card, wide between sections. Corners stay at four pixels; rules stay at one.

8
16
24
32
48
64
MOTION

Calm by default, spring on purpose

Entries fade. Hovers lift two pixels. Four named curves cover everything else; watch them run.

STANDARD
DECELERATE
OVERSHOOT
PREMIUM OUT
STAGGER · CASCADE IMPLIES READING ORDER
INTERACTION FEEL

Three speeds of feedback

Press and hold each button. Confirmation lands instantly, transitions take a beat you can perceive, and anything slower than half a second earns a progress signal.

INSTANT · 100MS
PERCEPTIBLE · 240MS
WAITING · 500MS
VOICE

Terse, evidence-led, candid, wry

One voice, four registers. The audience picks the register; the audience never changes the voice.

TERMINAL TIGHT

For the operator mid-work. Tables carry meaning; prose only where rows fail.

DECISION BRIEF

For the reader about to act. Consequences first, rationale after.

INSIDER

For experts who already do the work. Situated moments, never product names.

EXPLAINER

For everyone outside the domain. Definitions first, foundation before complexity.

COPY

Three story skeletons

PITCH · THE SPARKLINE WHAT ISWHAT COULD BEPATHSTAKESASK
STATUS

Headline of what changed, three reasons that each own one fact, then the consequence.

DEEP DIVE

Show two plus two, never tell four. One claim per slide; the headline is the claim.

IMAGERY

Atmosphere first, five categories

Images set mood on heroes and dividers only; content slides stay white. Calm sources, natural palette, a single subject against a quiet background.

Calm botanical close-upBotanical
Spiral staircase from belowArchitectural
Cave threshold with lightLandscape
Still water surfaceWater
Verdigris bronze patinaCraft
no peopleno lifestyle propsno industry signalingno baked-in textno stock energyno AI smoothness
Aerial forest with a forking path

Tension over beauty.
Nature as a metaphor for systems.

DATA & NUMBERS

One hot path

One series gets the accent; the rest stay gray. The title states the claim, not the category. Five second test: can a stranger say the takeaway at a glance?

SURFACES SHIPPED PER QUARTER · THE SYSTEM PAYS FOR ITSELF NOW
90+ SURFACES ON ONE TOKEN SET
COMPONENTS

Thirty-two building blocks, running live

Atoms compose into molecules, molecules into organisms. Everything below is the real library rendering, not a picture of it.

ATOMS
on track new ready MONO LABEL
4official formats
ORGANISM · CONCEPT CARD

Cards carry one idea each

An eyebrow names the territory, the heading makes the claim, the body earns it, and the meta row grounds it.

EIGHT PX RHYTHM · HAIRLINE BORDER
SLIDE ARCHETYPES

Six patterns cover every deck

hero
divider
content
quote
stat
closing
THE BUILD

The brand is a program

Every value on these slides comes from one reviewed file. A generator turns it into web tokens, slide themes, print styles, chart palettes, and image briefs.

A change that skips regeneration cannot ship. Every format passes its own checks. On-brand is not a review step; it is a property of the build.

ONE FILEevery brand value
web · tokens + components slides · themes + masters print · page styles + checks charts · palettes + rules imagery · prompt briefs
THE MARK

Punctuation as identity

The asterisk is the footnote glyph: it says there is more beneath this. For a knowledge system, that is the whole promise in one character.

It scales from favicon to billboard without redrawing, and it composes with the wordmark or stands alone.

12 · 24 · 48 · 96 · 180 PX · SAME GLYPH

A brand you can execute

Decisions written down, values generated everywhere, quality gated by machines instead of memory. The same system that made this deck will make the next hundred surfaces match it.