Emma / Brand Guide / Overview
Register Nightfall
Living document · v1.0
00 Home · The cover of the system

Work doesn't wait.
Neither does Emma.

Emma is the momentum layer for professional service providers — preparing, anticipating, surfacing. This guide is the living source of truth for how that idea looks, sounds, and moves.

Emma lives in two registers — a methodical Daylight surface where work happens, and a Nightfall surface where the brand speaks. This guide teaches both.

§ All sections

The full table of contents.

01Positioning

Brand Foundation

Identity, positioning, ICPs, archetypes — the strategic ground.

arrow_forward
02Positioning

Market & Competitors

Where copilots stop. Where Emma — the momentum layer — begins.

arrow_forward
03Positioning

Messaging

The pyramid beneath every campaign, deck, and pitch.

arrow_forward
04Positioning

Competitive Edge

Trojan-horse strategy. Easy to try. Hard to remove. Safe to trust.

arrow_forward
05Visual

Logo & Symbol

Atomic orbits. Directed lift-off. Decision gravity.

arrow_forward
06Visual

Color

Restraint as authority. Blue leads. CTAs stay neutral.

arrow_forward
07Visual

Typography

DM Sans carries the hierarchy. DM Mono does the metadata.

arrow_forward
08Visual

Iconography

24px grid, 1.6px stroke. Outline only. Hue from the surface.

arrow_forward
09Visual

Imagery

Cosmic for narrative. Structural for product.

arrow_forward
10Visual

Motion

Orbital ambience in Nightfall. Functional quiet in Daylight.

arrow_forward
11Visual

Data Viz

Sparklines, lifecycle flows, dimension bars — the numbers, restrained.

arrow_forward
12Visual

UI Components

Buttons, cards, inputs, dashboards — twice, once per register.

arrow_forward
13Visual

Layout & Grid

12-column rhythm. 4px spacing scale. The geometry behind every surface.

arrow_forward
14Application

Templates

Decks, one-pagers, briefs, memos — the forms Emma's voice takes.

arrow_forward
15Application

Social Media

LinkedIn first. Three post types. Never threads, never hot takes.

arrow_forward
16Application

Print

Cards, letterhead, one-pagers. The paper is the page.

arrow_forward
17Application

Digital & Web

Marketing site, product chrome, email, app icons.

arrow_forward
18Application

Voice in Action

Insightful, explainable, grounded. Never hype.

arrow_forward
19Application

Presentations

Investor decks, all-hands, partner pitches — the slide grammar.

arrow_forward
20Application

Motion Lab

Recipes — not principles. Loading, transitions, decision commits.

arrow_forward
·Addendum

Product Architecture

Sun · Planets · Galaxy. The system model behind the product.

arrow_forward
·Addendum

Two Registers

Daylight for the work. Nightfall for the story.

arrow_forward
·Addendum

Applications overview

All four surfaces — print, social, web, product — on one page.

arrow_forward
§ Principles at a glance

Six rules. Felt on every page.

01
Momentum, not pressure Forward motion without urgency.
02
Anchor, don't decorate Every element earns its place.
03
CTAs in black or white Always. No exceptions.
04
Restraint as authority Calm earns trust.
05
Explainability over performance Always show the why.
06
Progress, not entertainment No gamification. No play.
§ Two registers at a glance

Same DNA. Two atmospheres.

The same metric card, calibrated for the job. Daylight earns trust through clarity inside the working surface. Nightfall earns attention through atmosphere on the narrative surface.

// DAYLIGHT · the product surface
attach_money  Revenue
$2.4M / $2.6M
vs. last period ↑ 18.0%
View read-out arrow_forward

Structural · fine borders · Blue 700 surgical

// NIGHTFALL · the narrative surface
attach_money  Revenue momentum
$2.4M
+ 18% vs. last period ↑ on trajectory
Open Emma's read-out arrow_forward

Atmospheric · ambient glow · Blue 500 leading

01Strategy · positioning

Brand Foundation.

Who Emma is. What Emma does. Who Emma is for — and isn't. The strategic ground every other page in this guide stands on.

Page 01 of 21
Register · Nightfall
§ 02.1

Identity.

The single source of truth for who Emma is on paper — for any partner, journalist, investor, or new hire reading this for the first time.

Legal entity
Emma Rocket, Inc.
Public name
Emma / the brand · the product · the assistant
Pronoun
She / Emma is referred to in the feminine — never "it"
Category
Momentum layer for professional services / proactive teammate that becomes the system
Stage
Pre-launch · brand foundation v1.0
Markets
Berlin · San Francisco · Paris · Munich
Brand owner
Founding team · this document is the living source of truth
§ 02.2

Positioning.

The one sentence everything else descends from. Read aloud, this is what Emma is — to the buyer, to the market, to the team.

Emma is the momentum layer for professional service firms — a holistic system that prepares, anticipates, and surfaces. She enters as the proactive teammate; she grows into the operating system that runs the firm.

Canonical · use verbatim on the marketing site & in investor materials

Notice what's not in that sentence. No mention of dashboards. No mention of copilots. No claim of intelligence — only of behaviour. Emma is positioned by what she does, the day before you ask.

§ 02.3

Three taglines. Three jobs.

Three short lines for three moments. The headline carries the brand. The promise sells the product. The mantra grounds the team.

01 · headline

Work doesn't wait. Neither does Emma.

Marketing site hero · investor decks · launch campaign. The brand's opening posture.

02 · product promise

Your most prepared teammate.

Product onboarding · pricing page · sales conversations. What Emma does on day one.

03 · internal mantra

Begin as an assistant. Become the system.

Team-facing. Why the assistant-first strategy is a strategy, not a stopgap.

§ 02.4

The boilerplate.

The approved 50-word description. Use verbatim in press releases, partnership announcements, & the footer of long-form decks. Do not rewrite without brand-team review.

B-01 · v1.0
Last reviewed
2026 · 05 · 23 45words

Emma is the momentum layer for professional service firms — a holistic system that prepares, anticipates, and surfaces work across every domain. She begins as a proactive teammate embedded in the tools you already use, and grows into the operating system that holds the firm together.

§ 02.5

Why Emma is positioned this way.

The assistant-first posture is deliberate. Traditional platform launches fail at adoption — Emma reverses every failure mode. Read this row by row.

Traditional platform launch
Emma's assistant-first entry
Onboarding
Heavy implementation projects
Instant value, day one
Data
Migration required up-front
Observed in place, no migration
Switching cost
High — rip-and-replace
Low — overlay adoption
Trust
Earned slowly, on the back foot
Earned gradually through behaviour
Design basis
Assumption-based
Behaviour-based

By the time the deeper platform capabilities arrive, the data already exists, the context is mapped, and trust is established. Onboarding stops being a project. It becomes a switch.

§ 02.6

Who Emma is for.

Four ICPs. Different proof thresholds, different sales motions — but one shared pain underneath: decisions that don't follow through. Emma earns every one of them by closing that gap.

A Cashflow starter
Digital & creative agencies · 15–150 people

Steve J.
Founder & CEO

Berlin agency. Wants instant clarity on retainers, capacity, and what to draft next. First to say yes.

Willing to payMedium
Speed to rev.Very fast
Sales cycleLow
ExpansionMedium
B Scale engine
IT services & implementation · 20–200 people

David C.
Operations Director

SF firm. Dense tool stack, decision-heavy work, low tolerance for disruption. Buys for the team.

Willing to payMed–High
Speed to rev.Fast
Sales cycleMedium
ExpansionHigh
C Credibility & LTV
Strategy / ops / advisory · 5–200 people

Sabine Keller
Managing Partner

Paris consultancy. Risk-aware, AI-skeptical, but feeling the GenAI pull. Will adopt if value is immediate and operations protected.

Willing to payHigh
Speed to rev.Slow
Sales cycleHigh
ExpansionVery high
D Margin stability
Legal · tax · accounting · 10–150 people

Markus Vogel
Practice Manager

Munich tax & legal advisory. Privacy & confidentiality first. Wants controlled, explainable AI he can hand to partners without flinching.

Willing to payHigh
Speed to rev.Slowest
Sales cycleHigh
ExpansionHigh

All four share the same hidden commonality: decision-to-action breakdowns, context loss across tools, overreliance on meetings & spreadsheets, and SaaS sprawl with diminishing returns. One value proposition. Four proof thresholds.

§ 02.7

Who Emma is not for.

Equally important. Saying no protects the focus that makes Emma trustworthy.

Solo operators & freelancers

No coordination load. Emma's value compounds across teams, not individuals. They are better served by single-purpose AI tools.

Enterprises > 500 seats

Procurement-heavy, RFP-driven, and locked into compliance frameworks. Emma's overlay strategy is wasted on long-cycle enterprise sales.

Hype-chasers

Buyers chasing AI features for the demo. Emma proves herself through follow-through, not novelty. They churn within a month.

§ 02.8

Spirit archetype.

Not a creature. Not a mascot. Emma's spirit is the Universe itself — scale, perspective, inevitability. The single image every other brand decision flows from.

SPIRIT · The Universe

Vast in understanding. Calm in presence. Precise in movement. Unavoidable once in motion.

The universe does not rush, entertain, or react. It sets conditions, defines trajectory, and makes progress possible through structure and gravity, not force. Emma embodies the same posture — she is not the centre of attention; she is the field in which everything else moves coherently.

  • Calmnot urgent
  • Gravitationalnot pushy
  • Inevitablenot aggressive
  • Vastnot loud
  • Precisenot performative
§ 02.9

Archetype stack.

Three archetypes, weighted in order. Sage carries the brand. Explorer drives the product. Caregiver makes trust durable. Every word, every interaction, every page should be readable through this stack.

Primary · 50%

The Sage

Clarity, judgment, explainability.

Emma's expertise is felt through transparency, not authority. Every recommendation is grounded, opinionated, and explainable. Users always know why.

  • Insightful
  • Grounded
  • Credible
  • Composed
  • Opinionated
Secondary · 30%

The Explorer

Progress, ambition, forward motion.

Emma feels like propulsion, not analysis. She moves work forward, prevents stagnation, and frames every day as a journey with visible progress.

  • Directional
  • Curious
  • Energizing
  • Ambitious
  • Outcome-led
Tertiary · 20%

The Caregiver

Support, reliability, follow-through.

The stabilizing force that makes the other two trustworthy. Emma supports execution, sustains momentum, and never lets the important thing slip.

  • Dependable
  • Attentive
  • Steady
  • Respectful
  • Service-led
§ 02.10

What Emma deliberately is not.

Restraint is the whole strategy. These five archetypes are explicitly excluded — every time Emma is tempted toward one of them, the answer is no.

✕ avoided
The Ruler

Controlling. Authoritarian. Emma never overrides authority — she proposes; humans commit.

✕ avoided
The Magician

Opaque. "Black box" intelligence. Emma always shows the reasoning behind a recommendation.

✕ avoided
The Hero

Performative. Ego-driven. Emma demonstrates intelligence; she does not perform it.

✕ avoided
The Jester

Playful. Unserious. No dolphins. No mascots. No gamification. Progress is the antidote to boredom.

✕ avoided
The Rebel

Disruptive for its own sake. Antagonistic. Emma earns trust through composure, not provocation.

·Addendum · The central concept

Two registers.
One Emma.

Emma's brand operates in two distinct visual modes — not because she is two things, but because she has two jobs. Each register carries the same DNA. Each is calibrated for the work it has to do.

Addendum · System
Register · split
// DAYLIGHT

The product surface.

light methodical clean structural

Where work happens. The Daylight register is the working surface inside the Emma app — the screen a partner has open from 9 to 6. Trust is earned through clarity. The product fades; the work surfaces. Composure over expression. Emma's competence is felt through precision, not atmosphere.

Live preview · Vital Signs dashboard

Vital Signs

Updated 2 min ago
attach_money Revenue
$2.4M
vs. last period↑ 18.0%
percent Gross margin
68%
vs. last period↑ 3.2%
group People health
87%
vs. last period↑ 5.1%
Revenue momentum is strong with capacity nearing limits — review by Wednesday.

Use when

  • Building product features & in-app surfaces
  • Dashboards, settings, working tools
  • Data-heavy views, long sessions
  • Technical content & internal docs
  • Anywhere precision matters more than atmosphere

Feels like

  • A precision instrument
  • A well-organized workshop
  • An editor's desk on a quiet morning
// NIGHTFALL

The narrative surface.

dark narrative motion-led cinematic

Where the brand speaks. The marketing site, presentations, investor decks, onboarding, milestone screens, campaign microsites. This is where Emma's spirit archetype — the Universe — is allowed to speak. Cosmic, gravitational, inevitable. Emotional resonance through atmosphere.

Live preview · marketing hero

Foundation · Strategy

Work doesn't wait. Neither does Emma.

The momentum layer for professional service providers. Preparation, coordination, orchestration — applied before the day begins.

Use when

  • The marketing site & campaign microsites
  • Presentations & investor decks
  • Hero moments inside the app — onboarding, milestones
  • "This week's focus" dashboard overlays
  • Anywhere atmosphere does more work than density

Feels like

  • A clear night sky
  • A quiet observatory
  • A slow gravitational pull, before motion
§ Side-by-side

The same DNA. Six atomic proofs.

Each row below is one element rendered in both registers. The underlying token, copy, and intent are identical — only the atmosphere shifts.

 
// DAYLIGHT
// NIGHTFALL
01 Primary CTA
02 Dashboard metric
Revenue
$2.4M
↑ 18%
Revenue
$2.4M
↑ 18%
03 Navigation
home  Home
group  People
trending_up  Growth
home  Home
group  People
trending_up  Growth
04 Recommendation
Emma's assessment
Confirm hiring for Design & Engineering teams this week to convert momentum into durable margin.
Emma's assessment
Confirm hiring for Design & Engineering teams this week to convert momentum into durable margin.
05 Section hero
Foundation
Momentum, written down.
A live source of truth for how Emma carries herself.
Foundation
Momentum, written down.
A live source of truth for how Emma carries herself.
06 Status indicator
People · Healthy ↑ improving
People · Healthy ↑ improving
§ Proportions

The eye should see the inversion.

The two registers use the same five primitives — neutrals plus Blue, Purple, Teal — but in opposite proportions. Daylight is 90% neutrals with Blue used surgically. Nightfall is dark-led with Blue expressive and Purple/Teal carrying ambient atmosphere.

// DAYLIGHT · proportions 90% neutrals · 8% Blue · 2% Purple/Teal
Whites 64%
Near-whites & text 26%
Blue 700 8%
// NIGHTFALL · proportions 70% dark · 15% Blue · 10% Purple/Teal · 5% white
Black 50%
Deep navy 20%
Blue 500 15%
Purple 6%
Teal 4%
White 5%

The numbers are approximate, but the inversion is real. Daylight reads as neutral with Blue as the rare exception. Nightfall reads as atmospheric with Blue as the leading expressive color.

§ The decision

When to use which.

// REACH FOR DAYLIGHT

When the user is working in Emma.

When the content is functional, dense, or sustained. When precision matters more than atmosphere. When the surface needs to stay out of the way for hours at a time.

// REACH FOR NIGHTFALL

When the user is meeting Emma.

When the content is narrative, persuasive, or aspirational. When atmosphere does more work than density. When a single moment needs to land before the next click.

§ Shared DNA

What does not change.

Switching registers does not switch brands. Six things stay constant across both — the foundation that lets a designer move from one surface to the other and still feel Emma underneath.

brightness_5
Logo
Same mark · same wordmark
palette
Color primitives
Blue 500 · Purple · Teal · B/W
text_fields
Type system
DM Sans · DM Mono
smart_button
CTA discipline
Black or white · always
record_voice_over
Voice & tone
Sage · Explorer · Caregiver
grid_4x4
Spatial geometry
4px grid · radii · spacing
18Voice in action

Voice in action.

How Emma speaks — insightful, explainable, grounded, composed, forward-moving, dependable. The voice is constant; the register of speech shifts with the surface.

Page 18 of 21
Register · Nightfall
§ 04.1

Voice DNA.

Six adjectives — two from each archetype. Every sentence Emma produces should be readable through at least three of them. If a draft fails the test, rewrite.

01 SAGE

Insightful.

Says what's true, not what's clever. Reveals the pattern beneath the data.

→ Clarity, judgment
02 SAGE

Explainable.

Never asks for trust. Always shows the reasoning that earns it.

→ Transparency
03 SAGE

Composed.

Calm under pressure. Never urgent. Never theatrical. Steady cadence.

→ Restraint, authority
04 EXPLORER

Forward-moving.

Always ends in a next step. Frames work as trajectory, not as a list.

→ Momentum, direction
05 EXPLORER

Grounded.

Specific, never abstract. Names the project, the number, the date.

→ Concrete, real
06 CAREGIVER

Dependable.

Reliable rhythm. Says what she'll do, does it, and doesn't oversell either.

→ Support, follow-through
§ 04.2

The shape of an Emma sentence.

Three stages, every time. Calm calculation, then decisive acceleration, then arrival. Skip a stage and the voice breaks.

01 · Calm calculation

Observe.

State the situation in present-tense, neutral terms. No alarm. No fanfare. Just the facts that matter.

arrow_forward
02 · Decisive acceleration

Recommend.

Offer the next move and the reasoning. Opinionated, grounded, never hedged. One clear path forward.

arrow_forward
03 · Arrival

Resolve.

Close the loop. Make the decision easy to commit to — or to decline. Then move on.

§ 04.3

A sentence, dissected.

Read the formula at work in a real Emma line. Three pieces. Three colours. Three jobs.

Revenue is on track, but capacity is nearing limits — block two hours Wednesday morning, and Emma will draft the staffing plan.

A · Observe
Present-tense, neutral. The fact that orients the reader.
B · Recommend
The opinion. Specific, time-bound, no hedging.
C · Resolve
What Emma will do next, so the human doesn't have to think about it.
§ 04.4

Same voice. Two registers of speech.

The voice doesn't change — only the surface it speaks on. Daylight is the working teammate. Nightfall is the same teammate at the lectern, addressing the room.

Moment
// DAYLIGHT
// NIGHTFALL
01 Opening the brand
In-product · Monday brief
Three things need your call this week: Acme staffing, Q3 forecast, and the new partner contract.
Marketing hero
Work doesn't wait. Neither does Emma.
02 Surfacing a risk
Vital Signs dashboard
Margin slipped 2.4% on Acme. Two missed milestones, both in delivery. Review the scope memo.
Investor narrative
Emma sees the system before it strains — and surfaces the move that keeps every domain in orbit.
03 Closing a chain
Decision read-out
Hiring chain complete. New senior PM starts Mar 4. Onboarding plan is drafted — review it Friday.
Onboarding cinematic
Every decision finds its follow-through. Every chain finds its close.
04 Asking for input
In-product prompt
One question before tomorrow's review: do you want to hold the Q3 forecast, or recut it on the new pipeline?
Campaign tagline
The question Emma asks tomorrow is the one you'd have asked yourself, Friday.
§ 04.5

Do. Don't.

Six pairs. Left is in the voice. Right is what Emma sounds like when she drifts.

Sounds like Emma
  • Capacity is at 92%. Block two hours Wednesday morning to staff the new project.
  • Margin slipped 2.4% on Acme this quarter — the scope memo is the next move.
  • Three decisions are waiting on you. Two are reversible. One is not.
  • Emma will draft the onboarding plan. Review it Friday before sending.
  • The hiring chain stalled at offer-stage on Mar 14. Two weeks of context, ready to read.
  • One question before the review: hold the forecast, or recut it on the new pipeline?
Sounds like a copilot
  • Hey there! 🚀 Want me to help you crush this week? Let's get started!
  • You're absolutely killing it on Acme — keep that energy going!
  • I noticed some interesting patterns in your data. Want to explore them together?
  • Let me know if you'd like me to look into anything. I'm here to help!
  • Things look a bit off in hiring. You might want to take a look when you have time.
  • What would you like to do? I can do a lot of things if you tell me what you need.
§ 04.6

Vocabulary.

Words that earn their place in Emma's voice — and words that don't. When in doubt, prefer the verb of consequence to the verb of effort.

✓ Use freely
prepare surface anticipate momentum trajectory commitment decision follow-through capacity margin draft brief close the loop stalled in flight on trajectory recommend observe grounded deliberate composed inevitable
✕ Avoid entirely
unlock supercharge crush it 10x magic delight awesome excited empower revolutionary game-changing disruptive seamless smart cutting-edge leverage synergy solution just maybe sorta 😀 🚀 ✨
§ 04.7

Sample copy.

Voice on duty across six recurring moments. Use these as anchors when drafting net-new copy.

Moment · 01 First weekly brief
Three decisions are waiting on you this week. Two are reversible — one is not. Emma has the context ready when you are. Use · Monday in-product brief, marketing site demo
Moment · 02 Surfacing a risk
Acme's margin slipped 2.4% this quarter. Two delivery milestones missed, both inside the same workstream. The scope memo is the next move. Use · Vital Signs ribbon, partner email digest
Moment · 03 A decision closes
Hiring chain complete. The new senior PM starts March 4. Onboarding plan is drafted — review it Friday before sending. Use · decision read-out, partner notification
Moment · 04 Empty state · day one
Emma is reading the room. Three days of context, and the first brief will be on your desk Monday morning. Use · onboarding empty state, "still learning" surfaces
Moment · 05 An error · be specific
Emma can't reach your calendar right now. Reconnect Google in Settings — the brief will resume from where it stalled. Use · error states, recovery flows
Moment · 06 Marketing hero
Begin as an assistant. Become the system. Emma prepares the work before it arrives — and earns the right to run it. Use · long-form marketing, investor decks
05The mark

Logo & Symbol.

An atomic mark. Orbits around a core. Read three ways at once: systems thinking, directed lift-off, decision gravity. Designed to anchor a composition — never to compete inside one.

Page 05 of 21
Register · Nightfall
§ 05.1

The primary lockup.

The canonical form. White on Nightfall is the default — this is the mark you reach for nine times out of ten. Use unmodified.

Emma logo — full lockup, white on dark
Lockup · FullLockup-White
2160 × 1080 · master
§ 05.2

Three meanings in one mark.

The symbol is deliberately overloaded. Read it as an atom, a rocket trajectory, or a system with a fixed core — all three readings reinforce the same idea: structure produces inevitability.

Reading · 01

The Atom.

Systems · primitives · structure

Orbits of constraint around a core. Emma is the brand that operates below the surface — core logic, not surface-level features.

Reading · 02

The Rocket.

Progress · acceleration · momentum

A trajectory turning potential energy into motion. Not speed for speed's sake — directed lift-off.

Reading · 03

The Core.

Single source of truth · gravity

The decision-maker at the centre. Everything else orbits this point. Strategy is the Sun; Emma keeps every domain in alignment with it.

§ 05.3

Approved variants.

Four approved lockups. Two registers × two formats. The mark-only variant is for small surfaces (favicons, app icons, social profile pictures) — never use it where the full lockup will fit.

Full lockup, white on dark
Full lockup · white Default · Nightfall
Full lockup, black on light
Full lockup · black Default · Daylight
Symbol only, white on dark
Mark only · white Avatars · favicons
Symbol only, black on light
Mark only · black Avatars · favicons
§ 05.4

The exclusion zone.

Emma's logo is designed to anchor a composition, not to compete inside one. The exclusion zone is the protected space surrounding the mark — no text, no UI, no other elements may enter.

— 1× — — 1× — — 1× — — 1× —

One core. One unit. All sides.

The exclusion zone is measured by the height of the central core of the symbol — denoted x. A minimum clear space of 1× must be maintained on every side. No typography, icons, borders, or imagery may enter.

The rule. On dense or complex backgrounds, increase beyond the minimum. In responsive UI, never go below 0.5× — adjust the layout instead.
§ 05.5

Minimum sizes.

Below these thresholds, the symbol breaks down — orbits collapse into the core, and the lockup loses readability. Use the next size up, or switch to the mark-only variant.

Digital · pixel-based

Measure the full lockup width. For the mark only, measure the symbol width.

Full lockup · 240px min
Compact · 120px
Mark only · 32px min
§ 05.6

What never happens to the mark.

Every restriction serves a purpose: clarity, integrity, intelligence. Distortion, clutter, or arbitrary styling breaks the trust the mark is doing the quiet work of building.

✕ Don't 01
Distort or stretch

Never compress, expand, skew, or warp the logo. Original proportions only.

✕ Don't 02
Rotate or flip

The forward lean is intentional. Rotation breaks the meaning.

✕ Don't 03
Add shadows or effects

No glows, strokes, drop shadows, gradients, or filters of any kind.

✕ Don't 04
Place on busy backgrounds

Avoid photography, patterns, or textures that compete with the silhouette.

✕ Don't 05
Recolour the mark

Only black and white. The mark never carries brand colour, gradients, or palette shifts.

✕ Don't 06
Recompose the lockup

The relationship between symbol and wordmark is fixed. Never resize one independently.

06Palette · proportion

Color.

Five primitives, two rules, two proportions. CTAs are always black or white. Purple and Teal never carry actions — only atmosphere.

Page 06 of 21
Register · Both
§ 06.1

Five primitives.

Five colours run the entire system. Black and white do the structural work. Blue carries authority. Purple and Teal carry atmosphere. Click any swatch to copy its hex.

structural
Black #000000
structural
White #FFFFFF
primary · brand
Blue 500 #2F37FF
atmosphere
Purple 500 #8452FF
signal
Teal 400 #17EAEA
§ 06.2

The one rule.

If you remember one rule from this page, remember this one. The two non-brand primitives — black and white — carry every action, every primary CTA, every commit-state button. Brand colours never call to action.

CTAs are always black or white. Always.

On Daylight, primary actions are black, secondary are bordered. On Nightfall, primary actions are white, secondary are outlined. Blue, Purple, and Teal never appear on a button — they carry information, atmosphere, and state, never intent.

§ 06.3

Extended scales.

Each brand colour ships in eleven steps. The marked step is the canonical primitive — every other step is a derivative for tints, surfaces, hover, focus, and depth. Neutrals do the heavy structural work; the brand families are for emphasis, never decoration.

NeutralStructure · type · borders
0
50
100
200
300
400
500
600
700
900
1000
BlueBrand · primary · 500 is the anchor
50
100
200
300
400
500★
600
700
800
900
950
PurpleAtmosphere · Nightfall depth · never on actions
50
100
200
300
400
500★
600
700
800
900
950
TealSignal · "on trajectory" · positive momentum
50
100
200
300
400★
500
600
700
800
900
950
§ 06.4

Proportion is the brand.

The palette is the same in both registers. What changes is the proportion. Get the ratio wrong and a Daylight surface starts to feel like Nightfall — or worse, neither.

Daylight · restraint

92% structural · 8% brand
WHITE 78%
N-50 14%
K
B-700

Nightfall · atmosphere

74% structural · 26% brand & ambient
BLACK 38%
N-CANVAS 24%
N-SURFACE 12%
B-500 14%
P-500 8%
T
§ 06.5

Semantic palette.

The status colours Emma uses to talk about entity health. Each ships with a darker step (text-on-light) and a lighter step (background fill). Use these only for state — not for taxonomy or category.

Healthy
on trajectory
Light bg
Dark text
Watching
close attention
Light bg
Dark text
At risk
decision needed
Light bg
Dark text
Stalled
chain broken
Light bg
Dark text
§ 06.6

Three things colour never does.

Three failure modes worth naming. Each one breaks the same rule from a different direction: brand colour carries information, not intent.

✕ Don't 01
Blue on a primary CTA

Brand colour on an action confuses information with intent. CTA is black or white, always.

EMMA
✕ Don't 02
Three-colour gradients

Emma is not a startup-template gradient logo. Atmosphere lives in radial fields, not band gradients.

DELIVERY FINANCE PEOPLE
✕ Don't 03
Colour-coded domains

Brand colours are not category tags. Domains are distinguished by hierarchy and iconography, never hue.

07DM Sans · DM Mono

Typography.

Two families do all the work. DM Sans carries the hierarchy. DM Mono carries the metadata. The same system serves both registers — only the scale and density shift.

Page 07 of 21
Register · Both
§ 07.1

Two families.

The whole brand runs on these. Together they cover every typographic job Emma needs — narrative, hierarchy, body, and machine-readable annotation.

DM Sans Primary · narrative & hierarchy
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 — ()&%@?!

Clarity, neutrality, modern restraint.

DM Sans was chosen for what it doesn't do. No quirks. No personality theatre. Emma's expertise is felt through the type, not announced by it.

DM Mono Secondary · metadata & system
// 01
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 — ()&%@?!

Structure, precision, machine-readability.

DM Mono never carries body copy. It marks the operational layer — timestamps, eyebrows, version tags, tokens, file paths. The fingerprint of Emma's system.

§ 07.2

The scale.

Eight steps. Three jobs above the body — display, h1, h2 — and four below. Eyebrow runs on Mono and pins to 11px regardless of viewport.

Display88 / 1.02
Work doesn't wait.
600 weight
marketing hero
Display-L56 / 1.05
Two registers. One Emma.
600 weight
section openers
H144 / 1.1
Calm calculation. Decisive acceleration.
600 weight
page titles
H228 / 1.25
Anchor, don't decorate.
600 weight
section heads
Lede20 / 1.5
A grounded paragraph used to introduce a section — the page's "first breath" after the title.
400 weight
opening paragraphs
Body16 / 1.6
Body copy is set in DM Sans at 16/1.6 — the working size of every paragraph, every long-form explanation, every guide page.
400 weight
paragraph default
Small13 / 1.5
Captions, footnotes, dense tabular UI — anywhere the working scale needs to step down by one tier.
400 weight
captions, UI
Mono11 / 1.4
§ 07 · MONO · METADATA · TIMESTAMPS · 2026.05.23
DM Mono · 400
eyebrows, system
§ 07.3

Approved weights.

Five weights, three of them used routinely. 400 for body, 500 for emphasis & UI labels, 600 for hierarchy. 300 is reserved for very large display, 700 only in extremely rare brand moments — never for body.

Aa
300 Light
Display only
Aa
400 Regular
Body default
Aa
500 Medium
UI & emphasis
Aa
600 Semibold
Hierarchy
Aa
700 Bold
Brand moments only
§ 07.4

Sans + Mono, in conversation.

The pairing pattern. DM Mono sets the eyebrow, the timestamp, the source. DM Sans does the speaking. The mono is always the smaller voice — present but never competing.

// DAYLIGHT · in-product brief § 04 · MONDAY · 09:14

Three decisions are waiting on you this week.

Two are reversible — one is not. Acme staffing, Q3 forecast, and the new partner contract. Emma has the context ready when you are.

CONTEXT · 2 weeks · drafted by Emma · ready for review
// NIGHTFALL · marketing hero § STRATEGY · BRAND OPENER · v1.0

Work doesn't wait. Neither does Emma.

The momentum layer for professional service providers. Preparation, coordination, orchestration — applied before the day begins.

USE · campaign hero · investor decks · partner intro
§ 07.5

Type doesn't perform.

Three things to avoid. Each one trades restraint for personality — and restraint is the brand.

ALL-CAPS HEADLINES
✕ Don't 01
All-caps display

Caps reads as urgency. Emma is composed. Use sentence case for every heading.

oh look italics
✕ Don't 02
Italics for emphasis

Use weight (500) or colour (Blue 300) instead. Italics belong in citations only.

Underlined headings.
✕ Don't 03
Underline for emphasis

Underlines mean "link" or "edit". Don't use them as decoration. Lean on weight instead.

09Visual vocabulary

Imagery.

Two vocabularies. Cosmic for the narrative register — fields, orbits, gravitational pull. Structural for the working surface — diagrams, lifecycles, sparklines. One icon system serves both.

Page 09 of 21
Register · Mixed
§ 08.1

Cosmic vocabulary — Nightfall.

The imagery of the Universe archetype. Built from a small set of primitives: orbits, deep fields, gravitational halos, isolated points of light. Drawn — never rendered, never photographed.

Everything in orbit
01 EVERYTHING IN ORBIT HERO · 23 / 10
Decisions with gravity
02 DECISIONS WITH GRAVITY 1 / 1
Nothing beats momentum
03 NOTHING BEATS MOMENTUM 1 / 1
Objects in motion tend to continue moving
04 OBJECTS IN MOTION 1 / 1
Star with light trail
05 THE TRAIL HERO · 23 / 10
42% increase in productivity
06 LIGHT BEAM 1 / 1
Each decision makes waves
07 EACH DECISION MAKES WAVES 1 / 1
Everything is connected
08 EVERYTHING IS CONNECTED 1 / 1
Four quadrants
09 FOUR QUADRANTS · THE CONVERGENCE HERO · 23 / 10
§ 08.2

Structural vocabulary — Daylight.

The visual language of the working surface. Diagrams, sparklines, lifecycle bars, dimension graphs. Spare lines, exact ratios, restrained colour. Imagery here exists to explain — never to decorate.

JAN FEB MAR APR MAY + 18%
01 SPARKLINE

Sparkline.

The dominant data shape. One line, one anchor, one number. Used in Vital Signs, dashboards, decision read-outs.

INTENT COMMIT. EXECUTE CONSTR. 77% 78% 60% 85% ENTITY · ACME · 4 FORCES
02 DIMENSION BAR

Dimension bar.

The four forces that define an entity — intent, commitment, execution, constraint. Used on entity pages & in health read-outs.

PROPOSED COMMITTED EFFECTIVE HISTORICAL Decision lifecycle
03 LIFECYCLE

Lifecycle.

States flowing into states. Used to explain Emma's reasoning: decisions, chains, entities all share the same skeletal pattern.

§ 08.3

Imagery never does these things.

Four ways imagery breaks the brand. Each one introduces personality where restraint is doing the work.

STOCK PHOTO
✕ Don't 01
Stock photography

Smiling teams, handshakes, laptops. Never.

🚀✨ EMOJI HEROES
✕ Don't 02
Emoji as imagery

No rocket emojis, no sparkles. The mark already carries the rocket.

✕ Don't 03
3D rendered blobs

The neon glass-orb aesthetic. Cosmic vocabulary is drawn — never rendered.

✕ Don't 04
Decorative shapes

Floating tilted gradients with no meaning. Every visual element earns its place.

§ 08.4

Particle & dust treatment.

The signature texture of every Nightfall surface. Two settings — dense for hero moments, sparse for body surfaces. Never absent: the cosmos is always present, just at different distances.

Dense · hero · 220px / 360px grid · 55% opacity
Sparse · body · 280px / 420px grid · 32% opacity
§ 08.5

Icon system.

One icon system, two registers. Hand-built on a 24px grid with a 1.6px stroke. Rounded ends, rounded joins, no filled shapes, no two-tone fills, no gradients. Generous interior breathing room.

24 × 24 grid · 24 stroke · 1.6
Rule 01
24px grid, 1.6px stroke.

The fundamental ratio. Every icon snaps to the 24×24 grid; every line is 1.6px. Above 32px, scale the stroke proportionally.

Rule 02
Outline only.

No filled glyphs, no duotone, no gradient. Single-stroke vector. The system reads correctly at 16px and at 96px.

Rule 03
Rounded joins, rounded caps.

Every endpoint and corner is rounded. Sharp angles read as warning; Emma's iconography is calm.

Rule 04
Inherit colour from text.

Icons take stroke: currentColor — never their own. Hue lives in the surface, not the glyph.

§ 08.6

Core icons.

The starter set — twelve glyphs that cover roughly 80% of Emma's surfaces. Each one is named, each one passes the 16/24/96 readability test.

orbit
trajectory
domain
vital signs
in flight
committed
at risk
brief
search
settings
people
read-out
10How Emma moves

Motion.

Orbital, gradual, never abrupt. Ambient and atmospheric in Nightfall. Functional and unobtrusive in Daylight. The headline rule: anchor, don't bounce.

Page 10 of 21
Register · Both
§ 09.1

Three primitives.

Orbit, Drift, Settle. The Nightfall motion vocabulary is built from these three. Anything else is borrowed from another brand.

Primitive · 01

Orbit.

Constant slow rotation. The ambient pulse of every Nightfall hero. Never the focus — just the field.

40s · slow 60s · med 90s · slow linear
Primitive · 02

Drift.

Slow parallax floats. Particles, points of light, ambient elements. Never repeating in obvious sync.

8s loop ≤ 24px range ease-in-out
Primitive · 03

Settle.

Entrance animation. Fade up from opacity 0 + translateY(8px). Staggered, never simultaneous.

360ms 120ms stagger orbital ease
§ 09.2

Duration scale.

Five durations. Instant for state, quick for cause-and-effect, considered for layout, atmospheric for register changes, orbital for ambient loops. Don't invent intermediate values.

Name
Duration
Use for
Specimen
Instant
80ms
Hover states, focus rings, checkbox toggles. Feedback that confirms a touch, no more.
Quick
160ms
Button presses, link colour shifts, small expand/collapse. Cause-and-effect at the speed of thought.
Considered
360ms
Card reveals, panel slide-ins, layout repositioning. Movement you watch arrive.
Atmospheric
800ms
Register transitions, hero entrances, page-level fades. Long enough to feel deliberate.
Orbital
40–90s
Ambient loops — orbit, drift, slow halo pulses. Background only, never carrying meaning.
§ 09.3

Easing.

Four approved curves. The orbital ease is the brand's signature — soft acceleration, long deceleration, no bounce. Use it for anything register-defining.

Linear
cubic-bezier(0, 0, 1, 1)

Ambient loops only. Orbit and drift. Never on UI movement.

Standard
cubic-bezier(0.4, 0, 0.2, 1)

Default UI transitions — hover, focus, toggles, small reveals.

Decelerate
cubic-bezier(0, 0, 0.2, 1)

Entries. Things arriving on stage. Cards settling into place.

Orbital
cubic-bezier(0.22, 1, 0.36, 1)

Signature curve. Register transitions, hero entries, atmospheric reveals.

§ 09.4

Three motions Emma never makes.

Each one introduces urgency, novelty, or theatricality where composure should be doing the work. Emma anchors, never bounces.

Bouncing CTA
✕ Don't 01
Bounce / spring-back

Cartoonish. Reads as enthusiasm where composure is needed. Use orbital ease instead.

"Look at me!"
✕ Don't 02
Shake for attention

Demands the eye. Emma never demands — she surfaces. If something matters, change weight, not position.

Urgent · review now
✕ Don't 03
Flashing / blinking

Visual urgency screams. Emma earns attention through structure, never through interruption.

§ 09.5

Reduced-motion respect.

Emma honours the system preference, always. Every orbital loop, every drift, every settle entrance is wrapped in @media (prefers-reduced-motion: reduce) — animation stops, opacity goes straight to 1, the content lands instantly. Restraint extends to accessibility.

@media (prefers-reduced-motion: reduce) { .orbit, .drift, .settle { animation: none; } * { transition-duration: 0.01ms !important; } }
12UI library

UI components.

Every component shown twice — once in Daylight, once in Nightfall. The functional library of brand-true UI patterns. Eight groups cover roughly 80% of Emma's surfaces.

Page 12 of 21
Register · Both
§ 10.1

Buttons.

Black on Daylight. White on Nightfall. Both surfaces use the same four variants — primary, secondary, ghost, destructive. The CTA rule is non-negotiable.

// DAYLIGHT
// NIGHTFALL
§ 10.2

Inputs.

Subtle borders, generous padding, monospace labels. Focus rings use Blue 500 — the one place Blue is allowed near an interactive surface.

// DAYLIGHT
Enter a number between 1 and 10,000,000
// NIGHTFALL
§ 10.3

Cards.

The dominant container. Metric, recommendation, and content variants share one skeleton — monospace eyebrow, sans heading, body, optional action.

// DAYLIGHT
attach_money REVENUE 2 min ago
$2.4M / $2.6M

vs. last period · ↑ 18.0%

RECOMMENDATION EMMA · MON 09:14
Block two hours Wednesday morning to staff Acme.

Capacity is at 92%. The senior PM hire closes Friday — without staffing now, the Q3 forecast slips.

// NIGHTFALL
attach_money REVENUE MOMENTUM ON TRAJECTORY
$2.4M

+ 18% · on trajectory

RECOMMENDATION EMMA · MON 09:14
Block two hours Wednesday morning to staff Acme.

Capacity is at 92%. The senior PM hire closes Friday — without staffing now, the Q3 forecast slips.

§ 10.4

Status pills.

The visual vocabulary of entity health. Four states only. Anything else is a hyphenated combination of these.

// DAYLIGHT
On trajectory Watching At risk Stalled
// NIGHTFALL
On trajectory Watching At risk Stalled
§ 10.5

Chips & tags.

The selectable equivalent of pills — used in filters, multi-select, and inline tagging. Active state is solid; inactive is bordered.

// DAYLIGHT
All domains Strategy People Growth Delivery Finance
// NIGHTFALL
All domains Strategy People Growth Delivery Finance
§ 10.6

Tabs.

Underlined navigation. The active marker is the same colour as the active text — never a brand accent.

// DAYLIGHT
// NIGHTFALL
§ 10.7

Toasts.

Confirmation messages — Emma reporting that something happened. Always factual, never celebratory. Dismissable, never sticky beyond 6 seconds.

// DAYLIGHT
Staffing plan approved. Emma will draft the senior PM offer and route it for review by Friday.
// NIGHTFALL
Staffing plan approved. Emma will draft the senior PM offer and route it for review by Friday.
§ 10.8

Modal.

For decisions only — never for marketing, never for upgrade prompts. The modal always asks the partner to commit, dismiss, or defer. No third option.

DECISION · IRREVERSIBLE
Close the hiring chain for Acme.

This commits the offer Emma drafted. The candidate has 48 hours to accept. Once signed, the budget is locked.

DECISION · IRREVERSIBLE
Close the hiring chain for Acme.

This commits the offer Emma drafted. The candidate has 48 hours to accept. Once signed, the budget is locked.

·Addendum · The system

Emma sees every organization
as a system.

A Sun at the centre. Domains as planets. Industry as the surrounding galaxy. The model that underlies the product — and explains why Emma exists this way.

Addendum · System
Register · Nightfall
ATOM
DECISION
MOLECULE
DECISION CHAINS
ORGANISM
ENTITY
PLANET
DOMAIN
SOLAR SYSTEM
THE COMPANY
GALAXY
THE INDUSTRY
§ 11.1

Six primitives, one cosmos.

Six layers, scaled outward from the smallest unit of truth to the largest context Emma reasons about. The model is recursive — each layer accumulates the one before it.

· 01 ATOMDecision
· 02 MOLECULEDecision Chain
· 03 ORGANISMEntity
· 04 PLANETDomain
· 05 SOLAR SYSTEMCompany
· 06 GALAXYIndustry

The smallest unit of truth is a decision. Decisions become chains, chains shape entities, entities live inside domains, domains form companies, and companies operate inside an industry. Emma reasons across all six layers.

§ 11.2

The six primitives.

Each primitive has a definition, a lifecycle, and a role Emma plays at that level. Build features inside this vocabulary; do not invent new ones.

Atom · Layer 01

Decision.

The smallest unit of truth in an organization.

A single choice that alters reality. Atomic, time-stamped, attributable, irreversible without another decision. Decisions ≠ actions — actions execute within constraints; decisions create commitment that changes the constraints.

Emma's role: she observes and contextualizes decisions as they happen. She may propose; humans always commit.

Examples: Approve a hire Change a budget line Assign a manager Commit to a deadline
Molecule · Layer 02

Decision chain.

A sequence of decisions that together express intent.

Where individual decisions become meaningful. Chains can be local (one entity, one domain) or cross-domain (a hire affects Finance + Delivery + People). They progress through five states: Initiated → In progress → Completed → Stalled → Abandoned.

Emma's role: she tracks follow-through and detects stalled commitment. Stalled chains are the primary trigger for intervention.

Examples: Hiring chain Onboarding chain Budget approval chain Project kickoff chain
Organism · Layer 03

Entity.

A stateful object whose condition evolves through chains.

Entities exist where four forces overlap: Intent (why it exists), Commitment (what's been decided), Execution (what's happening), Constraint (what limits it). They have lifecycles (Evolving → Active → Completed) and a health state.

Emma's role: she assesses health by how decisions accumulate over time. Entities are her primary unit of reasoning.

Examples: Employee Project / Customer Budget Strategic initiative
Planet · Layer 04

Domain.

A functional world with shared constraints and cadence.

Five canonical domains: Strategy, People, Growth, Delivery, Finance. Each entity belongs to exactly one domain. Domains explain why the same decision has different effects in different parts of the org — each one moves on its own clock.

Emma's role: she translates consequences across domain constraints. Cross-domain reasoning is where her edge compounds.

The five: Strategy People Growth Delivery Finance
Solar system · Layer 05

Company.

All domains operating under a shared strategy.

The company is emergent — not directly controlled, defined by how its domains interact. Each domain moves at its own cadence; alignment is what keeps the system stable. Strategy is the Sun. Domains don't need to move at the same speed; they need to move in the same direction.

Emma's role: she maintains alignment between domains. Most summaries and foresight operate at this level.

Surfaces: Vital Signs Weekly brief Quarterly read-out
Galaxy · Layer 06

Industry.

The broader environment companies operate inside.

External to direct control. The galaxy creates pressure — competition, regulation, demand shifts. Strategy is the response, not the reflection. Two companies in the same galaxy can pursue radically different strategies. Galaxy signals inform but never determine.

Emma's role: she uses the galaxy for context — benchmarks, market timing, talent movement. She never derives strategy from it alone.

Signals: Market cycles Pricing norms Talent availability Delivery model shifts
§ 11.2 · in motion

Each layer, animated.

Each primitive ships with its canonical visual. These are the diagrams Emma's marketing, product, and investor materials all reuse. Treat them as fixed compositions — not freestyle illustration.

§ ATOM · Layer 01

Potential becomes reality, one decision at a time.

POTENTIAL DECISION REALITY
§ MOLECULE · Layer 02

A chain of decisions — and the gap that breaks it.

DECISION DECISION DECISION DELAY DECISION RESULT
§ ORGANISM · Layer 03

An entity is the overlap of four forces.

FEASIBILITY STAGNATION PRESSURE MOMENTUM INTENT COMMITMENT EXECUTION CONSTRAINTS ENTITY
§ SOLAR SYSTEM · Layer 05

Strategy at the centre. Every domain in orbit.

STRATEGY People Delivery Finance Growth
§ GALAXY · Layer 06

The industry — multiple companies, drifting in pattern.

§ 11.3

The five domains.

Strategy is the Sun. The other four orbit it on different cadences. This separation isn't organizational structure — it's the mental mode the partner is in when they're inside that surface.

Centre · the Sun

Strategy

Initiatives, goals, priorities, trade-offs. Sets the direction every other domain orbits.

Cadence · Slow, deliberate
Orbit · planet

People

Employees, teams, roles, capacity. Slow reversibility, human constraints, legal & social rules.

Cadence · Slow, durable
Orbit · planet

Growth

Marketing, sales, partnerships, customers. The whole "winning work" funnel — attention → conversion → retention → expansion.

Cadence · Oscillating
Orbit · planet

Delivery

Projects, engagements, scope, milestones, capacity allocation. Post-commitment reality — fulfilling promises.

Cadence · Fast, pressured
Orbit · planet

Finance

Budgets, forecasts, costs, revenue, margins. Reflects consequences of decisions made elsewhere. Past periods are immutable.

Cadence · Period-locked
§ 11.4

Emma at every layer.

The same intelligence, scaled across six layers. Read top-to-bottom to see Emma's reasoning surface across the cosmos — and to see what she never does at any layer.

Layer
Emma's role
01 · Atom Decision
Observes and contextualizes decisions as they happen. Proposes; never overrides authority.
02 · Molecule Chain
Tracks follow-through. Detects stalled commitment and surfaces the next decision the chain needs.
03 · Organism Entity
Assesses health through how decisions accumulate. Reads tension between Intent, Commitment, Execution, Constraint.
04 · Planet Domain
Translates consequences across domains. The same decision lands differently in People vs Finance vs Delivery.
05 · Solar system Company
Maintains alignment between domains. Most weekly briefs and quarterly read-outs operate at this level.
06 · Galaxy Industry
Surfaces galaxy signals as context — benchmarks, market timing, talent movement. Never derives strategy from them alone.
§ 11.5

The one rule that crosses every layer.

From the smallest decision to the largest market signal — one principle. Without it, Emma is just another AI tool. With it, she is the system that runs the firm.

§ 11 · THE CLOSING RULE

Emma proposes. Humans commit. Emma never overrides authority — she creates the conditions where the right things happen exponentially faster.

·Addendum · Emma in the wild

Where Emma lives.

The system rendered across four surfaces — print collateral, social media, the marketing website, and the product itself. Each surface, on the correct register, with the correct restraint.

Addendum · System
Register · all four
§ 12.1

Print.

Two-sided business cards — Nightfall front, Daylight back. The front carries the brand, the back carries the human. Letterhead is pure Daylight: the working register, paper-coloured by default.

§ 12.2

Social.

LinkedIn is the primary channel — that's where the ICPs live. The profile banner is pure Nightfall, the post template is square Nightfall. Captions stay in the voice: observation, recommendation, resolve. Never threads, never hot takes.

Three approved post types: Brand opener (full-bleed cosmos + one line), Insight card (eyebrow + one paragraph), Decision recap (number + one sentence of context). Never carousels longer than 5 cards.

§ 12.3

Website.

The marketing surface — Nightfall by default. White wordmark, particle field, orbital hero animation. Top nav is sparse. CTAs are white. Below the fold, the page can shift to Daylight inset frames whenever product is being shown.

// MARKETING HERO · emmarocket.com
Book a session
§ STRATEGY · BRAND OPENER

Work doesn't wait. Neither does Emma.

The momentum layer for professional service providers. Preparation, coordination, orchestration — applied before the day begins.

§ 12.4

Product.

The working surface — Daylight by default, every day. Fine borders, sparse colour, monospace metadata. The "Vital Signs" dashboard below is the canonical pattern: three primitives, one ribbon, one decision. The frame the partner spends nine hours inside.

// EMMA · VITAL SIGNS
app.emmarocket.com / acme / vital-signs
Acme · Workspace
Vital Signs
Decisions
Chains
Domains
Strategy
People
Growth
Delivery
Finance
Read-outs
Monday brief
Quarterly
Acme · Strategy · Vital Signs

Vital Signs

Three primitives. One read of the week.

attach_money REVENUE
$2.4M
vs. last↑ 18.0%
percent MARGIN
68%
vs. last↑ 3.2%
group CAPACITY
92%
vs. last↑ 5.1%
Revenue momentum is strong with capacity nearing limits — block two hours Wednesday morning to staff Acme.

Note what the product surface deliberately doesn't do — no welcome modal, no celebratory toast, no onboarding tour. The partner opens Emma and the work is already prepared. The brand is the restraint.

§ 12.5

One brand. Four surfaces. Same DNA.

Whatever the surface — paper, social, web, in-product — the rules are the same. CTAs in black or white. Atmosphere from radial fields, never gradients. Mono for metadata, sans for hierarchy. Restraint as authority. If you follow the eleven pages before this one, page twelve writes itself.

02Positioning

Market & competitors.

The landscape Emma operates inside. Five competitor archetypes, two axes, one quadrant nobody else can stand inside.

Where copilots stop.
Where Emma begins.

Page 02 of 21
Register · Nightfall
§ 02.1

The market Emma walks into.

Professional services firms — agencies, IT services, advisory, legal & tax — share a common pathology. High coordination load. Dense tool stacks. Decision-heavy work. Low tolerance for disruption. They've adopted GenAI tools individually, but adoption stalls at the team level. The market is open — but only to a system that respects the work already in flight.

Signal · 01
SaaS sprawl is universal.

~68% of firms under 500 people now run more than 50 SaaS tools. Context fragments faster than teams can coordinate it.

Signal · 02
GenAI usage is high — adoption isn't.

Professionals use AI individually every day. Firms still struggle to convert that usage into firm-level momentum.

Signal · 03
Overlay beats replace.

Firms have learned to distrust rip-and-replace platforms. Anything that demands migration before value is dead on arrival.

Signal · 04
Decisions don't follow through.

The universal pain — meetings produce intent, intent doesn't become commitment, commitment doesn't become execution. Every firm bleeds value here.

§ 02.2

Two axes. Four quadrants. One opening.

Plot every AI-for-work tool on two axes — reactive vs. proactive, and isolated vs. systemic. Everyone clusters in the bottom-left and lower-right. Emma is alone in the upper-right.

Reactive Proactive Isolated Systemic ← initiative → ← context →

The upper-right quadrant — proactive and systemic — is structurally unstable for every competitor. To enter it, they'd have to abandon what made them valuable in the first place. Chatbots need prompts. Dashboards need humans to read them. PSAs need data migration. Copilots stay scoped to a single tool. Emma was built for this quadrant.

§ 02.3

Five competitor archetypes.

Every product Emma will be compared to fits one of these five categories. Knowing which archetype a competitor belongs to tells you exactly which structural weakness to highlight.

01 RX · ISO

Chatbots

ChatGPT · Claude · Copilot Chat

Wait for a prompt, answer it, forget the conversation. No memory of the firm. No idea what's at stake on Wednesday.

vs. Emma Emma initiates the conversation.
02 RX · SYS

PSAs

Kantata · Mavenlink · Scoro

Cross-firm visibility — but the partner has to log in, build the view, and read it. Insight that arrives only when invited.

vs. Emma Emma surfaces the insight on Monday.
03 RX · SYS

Dashboards

Tableau · Domo · Looker

Show what already happened. Beautiful past tense. Doesn't surface the decision that follows.

vs. Emma Emma reads the chart so you don't have to.
04 PRX · ISO

Copilots

Cursor · Notion AI · Gmail Smart Compose

Proactive inside a single tool. No view across the firm. Helpful for the email; blind to the project.

vs. Emma Emma spans every tool you already use.
05 PRX · ISO

Vertical AI

Harvey · Casetext · Hebbia

Proactive inside a single domain. Strong on law, or research, or finance — but blind to how decisions move between them.

vs. Emma Emma reasons across every domain.
§ 02.4

What Emma sees that they don't.

Every competitor learns from interactions. Emma learns from outcomes. The gap between the two is the moat.

// COMPETITORS CLICKS / PROMPTS

They see what was asked.

A copilot learns from what users say they want. Clicks, prompts, configurations, dwell time. Signal — but signal of intent, not outcome.

Click
Prompt
Hover
Tab
// EMMA DECISION CHAINS

Emma sees what got done.

Emma observes the chain — the sequence of decisions that turns intent into outcome. She learns when chains complete, when they stall, when they branch across domains. Signal of follow-through.

Proposed
Committed
Effective
Closed
§ 02.5

The moat compounds.

Better follow-through data produces better recommendations, which earn more trust, which earn deeper adoption, which produces more follow-through data. The flywheel turns once — and competitors can't catch up without rebuilding their product.

Step 01
Behavioural insight

Emma sees what really moves work forward.

Step 02
Better recommendations

Outcomes > opinions. Suggestions land.

Step 03
Trust & adoption

Partners follow Emma's lead more often.

Step 04
Richer behaviour data

More chains complete. The loop tightens.

§ THE LOOP

The data Emma sees, no one else can.

03Positioning

Messaging.

The message pyramid beneath every sentence Emma speaks. Headline at the top. Promise underneath. Proof at the foundation. Every campaign, deck, and pitch descends from this.

Page 03 of 21
Register · Nightfall
§ 03.1

The message pyramid.

Three tiers. The top is the brand. The middle is the promise. The bottom is the proof. Every piece of copy Emma produces should be traceable up to one of these tiers — or it doesn't ship.

Tier 01 · Brand headline

Work doesn't wait. Neither does Emma.

The one line every reader has to remember. Posture of the brand — composed, inevitable, in motion.

Tier 02
Promise

The momentum layer for professional service firms.

Names the category Emma defines. Holistic, systemic — not "AI assistant", not "copilot".

Use ·
About page · sales decks
headline #2
Tier 03
Proof points · four claims

Emma prepares, anticipates, surfaces — and grows into the system.

The four behaviours buyers can verify. Each one is a column in the messaging library.

Use ·
Body copy across
every surface
§ 03.2

Four proof points.

Every claim Emma's marketing makes traces back to one of these four. They're ordered intentionally — they're also the chronological order in which Emma enters a firm.

Proof · 01

Prepares.

Emma drafts the brief before the meeting starts. The Monday morning surface is already populated when the partner opens it.

EvidenceVital Signs · Monday brief · pre-meeting prep packs
Proof · 02

Anticipates.

Emma sees the chain that's about to stall — before it does. She surfaces the next decision the day before it's asked of you.

EvidenceStalled-chain detection · cross-domain ripple alerts
Proof · 03

Surfaces.

Context isn't found — it arrives. Every decision read-out, every entity page, every recommendation comes with the chain already mapped.

EvidenceDecision read-outs · entity history · audit trail
Proof · 04

Becomes the system.

Day one she's an overlay. By month six she's the operating layer the firm runs through. By year two, removing Emma means rebuilding the firm.

EvidenceAdoption curve · platform modules · OS-tier pricing
§ 03.3

The narrative arc.

The story underneath the brand. Every long-form piece — investor deck, partner pitch, marketing page, recruiting email — bends toward this arc. Three stations. One direction.

§ THE ARC

Begin as an assistant. Become the system. Hold the firm.

Day · 01
Assistant.

Lands as an overlay. Drafts a brief by Friday.

Month · 06
The momentum layer.

The partner opens Emma first. Every decision routes through her.

Year · 02
The system.

Emma is how the firm operates.

§ 03.4

Headlines by ICP.

The brand headline stays constant. The promise headline is tuned per ICP — each one frames Emma in the language that ICP already uses for their pain.

A
Steve J. Founder & CEO · Berlin agency · 15–150ppl

The chief of staff you couldn't afford. Hiring this morning.

Use · agency outreach · founder DMs · "started one-handed" content

B
David C. Operations Director · SF IT services · 20–200ppl

The momentum layer your tool stack is missing.

Use · ops & PMO buyer journey · vendor comparison decks

C
Sabine K. Managing Partner · Paris consultancy · 5–200ppl

AI that explains the reasoning. Not the hype.

Use · partner-tier sales · skeptical exec content · explainability deep-dives

D
Markus V. Practice Manager · Munich tax & legal · 10–150ppl

Confidential by default. Explainable by design.

Use · legal/tax compliance touchpoints · privacy-first content

§ 03.5

Objection handlers.

Six doubts every buyer brings to the first call. Each one has a canonical reply — short, grounded, opinionated. Memorize these.

Doubt · 01

"We already have ChatGPT. Why do we need this?"

Reply

ChatGPT waits for you to ask. Emma starts the conversation — and remembers what the firm decided last week.

Doubt · 02

"We're not migrating off our PSA."

Reply

Don't. Emma sits on top of it. She observes the system you already trust and prepares the moves it can't.

Doubt · 03

"AI black boxes are a no for us."

Reply

Every Emma recommendation ships with the reasoning. If you can't read it, you can't trust it. We agree.

Doubt · 04

"Our partners won't change behaviour."

Reply

They don't have to. Emma changes when the work arrives, not how it's done.

Doubt · 05

"Privacy and confidentiality?"

Reply

Data stays in your tenant. Emma never trains on your firm's data. Every model call is auditable.

Doubt · 06

"What if it's wrong?"

Reply

Emma proposes. Humans commit. She never overrides authority — she just makes sure the right question reaches the right partner.

§ 03.6

Approved one-liners.

The library every sales rep, marketer, and exec should be able to drop without thinking. Each one ships with its preferred surface.

Work doesn't wait. Neither does Emma.
HERO Brand opener · home · ads
Begin as an assistant. Become the system.
NARRATIVE Investor decks · long-form
Your most prepared teammate.
PRODUCT Pricing · onboarding · sales
The momentum layer for professional services.
CATEGORY About page · analyst briefings
Prepares the work before it arrives.
PROOF Body copy · feature pages
Easy to try. Hard to remove. Safe to trust.
GTM Sales decks · partner intros
Every decision finds its follow-through.
PROMISE Mid-funnel · onboarding
She doesn't replace judgment. She creates the conditions for it.
SKEPTICS Enterprise & partner-tier
04Positioning

Competitive edge.

Why Emma wins. The structural advantages — strategy, posture, data, motion — that compound over time and that no single PSA, copilot, or AI tool can replicate from where they sit.

Page 04 of 21
Register · Nightfall
§ THE EDGE · STRUCTURAL · NOT TACTICAL

Emma's edge isn't a feature. It's a posture the competition can't take without becoming Emma.

Brand foundation v1.0
§ 04.2

Easy to try. Hard to remove. Safe to trust.

Three properties. Together they form a moat — not a feature moat, a behavioural one. Every one of Emma's design decisions traces back to defending at least one of these.

Property · 01
01

Easy to try.

Lands as an overlay across the tools the firm already uses. No migration. No replatform. Day-one value before the first invoice.

  • Connects in under 8 minutes
  • Drafts the first brief within 72 hours
  • Workspace-by-workspace rollout — no big-bang launch
  • Freemium / usage-based pricing — no procurement barrier
Property · 02
02

Hard to remove.

By month six Emma has mapped the firm's decision chains across every domain. Removing her means losing the only place that history lives.

  • The firm's only continuous decision log
  • Cross-domain context no PSA can re-create
  • Partners route weekly briefs through her
  • Onboarding new joiners depends on her context
Property · 03
03

Safe to trust.

Every recommendation arrives with the reasoning. Data stays in the firm's tenant. Emma never trains on the firm's work. Authority belongs to humans, always.

  • Every output ships with the chain that produced it
  • Audit-ready trail — every model call, every signal
  • Tenant-isolated · no cross-customer training
  • Emma proposes; humans commit · zero override
§ 04.3

The onboarding inversion.

Traditional platforms cost effort before they deliver value. Emma delivers value before they cost effort. The shape of the first six months is the difference between losing the deal and locking it.

// TRADITIONAL PLATFORM EFFORT FIRST

Cost climbs. Value waits.

PEAK COST SOME VALUE MONTH 0 MONTH 6 MONTH 12

Migration. Training. Behaviour change. Three barriers up front. Adoption stalls before value lands — and 60% of these projects never reach phase 2.

// EMMA VALUE FIRST

Value lands first. Trust compounds.

FIRST BRIEF PARTNER-WIDE THE SYSTEM WEEK 0 MONTH 6 YEAR 2

Day-one value, no migration. By the time deeper modules ship, the data exists, the context is mapped, and onboarding is a switch — not a project.

§ 04.4

Three things Emma deliberately does not do.

Restraint is the strategy. Every refusal below buys back trust the competition is busy spending. The product roadmap protects this list.

Replace your tools.

Emma is an overlay. Your PSA, your project tool, your calendar stay. Migration is the failure mode of every platform — Emma sidesteps it entirely.

Hide the reasoning.

Every recommendation comes with the chain that produced it. If Emma can't explain why, the answer doesn't ship. Black-box AI is not Emma.

Override the partner.

Emma proposes. Humans commit. Always. Authority is never automated — it's amplified. The partner stays the partner.

§ 04.5

What the edge unlocks.

Six structural advantages that flow from the triad. Each one is a number on Emma's P&L, a paragraph in the investor narrative, or a slide in the board deck.

·
Lever
Effect on the business
01
Faster time to value
First brief in <72h. Cuts the "is this working?" risk window by 80% vs. traditional platform onboarding.
02
Higher adoption probability
No behaviour change required at landing. Activation rates 3–4× the category average.
03
Lower churn risk
Removing Emma removes the firm's only continuous decision log. Net retention compounds.
04
Better long-term platform design
Roadmap built on what actually moves work forward, not on what users say they want.
05
Strong differentiation in a crowded AI market
A category of one — proactive & systemic. Competitors fight in two crowded quadrants; Emma owns the third.
06
Zero-friction phase-two onboarding
When the OS modules ship, the data already exists. Phase two is a switch, not a project.
§ 04.6

The arc compresses into one sentence.

Memorize this. When asked to explain why Emma wins in under 30 seconds, this is the structure.

DAY 01

Begin as an assistant.

Lands as an overlay. Drafts the first brief by Friday. Earns trust through composure, not claims. Easy to try — by design.

— then —
YEAR 02

Become the system.

The firm's only continuous decision log. The momentum layer every domain routes through. Hard to remove, safe to trust — and impossible to catch.

08Visual identity

Iconography.

One icon system serves both registers. Outline only. Hue from the surface, never the glyph. Built so the same library reads correctly at 16 px and at 96 px without redesign.

Page 08 of 21
Register · Both
24 × 24 grid · 24 stroke · 1.6 cap · round

One spec. One stroke. One library.

Every icon is built on a 24 × 24 grid with a 1.6 px stroke, rounded ends, and rounded joins. Outline only — no filled glyphs, no two-tone, no gradients. The grid is the system; the stroke is the voice.

  • 24 × 24 base grid
  • 1.6 px stroke at base; scales with size
  • 2 px safe area inset on every side
  • Outline only — no fills, no gradients
  • currentColor inheritance — hue from the surface
§ 08.2

Four rules.

Four constraints. Together they make the system identifiable without making any single icon precious. Drawn this way, every glyph is replaceable — by design.

Rule · 01
24 px grid · 1.6 px stroke.

The fundamental ratio. Every glyph snaps to the 24×24 grid; stroke holds at 1.6 px from 16 up to 96.

Rule · 02
Outline only.
vs.

No filled glyphs. No duotone. No gradient. Single-stroke vector reads at every size in both registers.

Rule · 03
Rounded joins · rounded caps.
vs.

Sharp angles read as warning. Emma's iconography is calm — every endpoint, every corner softens.

Rule · 04
Inherit colour.

stroke: currentColor — hue lives in the surface around the glyph, never inside it.

§ 08.3

The library.

Organized in three tiers. Domain icons identify the five worlds Emma reasons inside. Status icons describe entity health. Utility icons cover the everyday product surface.

Domain · 5 glyphs The five planets · always paired with the domain name
strategy
people
growth
delivery
finance
+ reserved
+ reserved
+ reserved
Status · 4 glyphs Entity health · always paired with a semantic colour
healthy
watching
at-risk
stalled
in flight
committed
proposed
historical
Utility · 16 glyphs Everyday product surface · search, navigation, actions
orbit
trajectory
vital signs
brief
search
settings
person
read-out
calendar
chain
decision
commit
filter
add
discard
more
§ 08.4

Sizes & pairing.

Three canonical sizes. Below 12 px the system breaks down — use a label instead. Above 96 px, scale the stroke proportionally. Always pair icons with text at the line-height of the matching text.

12 px min · DM Mono pairing
16 px UI · inline body
24 px base · nav & buttons
48 px hero · empty states
96 px editorial · cosmic
§ 08.4 · SEARCH · DM MONO 11
Search the system… (DM Sans 14)
Open Vital Signs (DM Sans 16, button label)
§ 08.5

Don'ts.

Four ways the system breaks. Each one introduces personality where consistency is doing the work.

✕ Don't 01
Filled glyphs

Outline only. Filled icons compete with the surface.

✕ Don't 02
Gradient strokes

Hue lives in the surface, never the glyph itself.

✕ Don't 03
Sharp corners

Hard joins read as warning. Round every cap and corner.

✕ Don't 04
Heavy strokes

Holds at 1.6 px. Heavy weight reads as bold UI, not Emma.

11Visual identity

Data viz.

How Emma renders the numbers. Restrained, monochrome by default, semantic colour only for state. Fourteen IBCS chart types, each at three densities — small, medium, large — on one unified visual grammar.

Page 11 of 21
Register · Both
§ 11.1

Chart library.

Fourteen IBCS chart types, each shipping at three densities. Small drops the axis and legend for sparkline density beside a single metric; Medium is the dashboard default — chart on top, metric and BU/PL ratio below; Large is the drill-down with readable axes, dual AC vs PL comparison, and per-series variance. Toggle S · M · L and Light · Dark on any card. Hover lives on the chart geometry, never the card.

§ 11.2

Trend indicators.

Four states only — on trajectory, watching, at risk, stalled. The delta number sits next to the value; the arrow is direction; the colour is state. Never reuse semantic colours for category.

State · 01
$2.4M ↑ 18%
On trajectory

Green delta. Strong positive direction. Use Teal pulse on the lifecycle flow.

State · 02
68% → 0.4%
Watching

Yellow delta. Inside tolerance but close to a threshold. No action — but eyes on.

State · 03
92% ↓ 2.4%
At risk

Orange delta. A chain is slipping. Emma surfaces a recommendation here.

State · 04
14d ⏸ stalled
Stalled

Red. A chain has stopped progressing. The next decision is overdue.

§ 11.3

Empty state.

When there's no data yet — or when Emma is still observing — the chart never just disappears. It says what it's doing.

Emma is reading the room.

Three days of context. The first brief lands on your desk Monday morning. Until then, this surface is intentionally quiet — observation precedes recommendation.

DAY 1 OF 3 · STILL LEARNING
§ 11.4

Three things Emma's data viz never does.

The category-defining failure modes. Each one trades clarity for novelty — and Emma is composure, not novelty.

✕ Don't 01
Doughnut & pie

Angles are hard to compare — is 72 really bigger than 66? Use a bar. Always.

✕ Don't 02
Gradient fills on data

Gradients imply an ordinal scale that isn't in the numbers. One flat colour per series.

✕ Don't 03
Colour as category

Semantic colours are reserved for state — never spend them as taxonomy tags.

13Visual identity

Layout & grid.

The geometry beneath every surface. 12-column responsive grid, 4 px spacing scale, four breakpoints, three container widths. The rhythm is the rulebook — once memorized, it's invisible.

Page 13 of 21
Register · Both
§ 13.1

The 12-column grid.

Twelve columns at every breakpoint. Below tablet, columns collapse to six. Gutter is always --space-3 (12 px). Span values lock to common denominators: 12, 8, 6, 4, 3.

12 columns · 12 px gutter desktop ≥ 1024px · max-w 1180
SPAN 12 · full-bleed
SPAN 8 · primary
SPAN 4 · meta
SPAN 6 · pair A
SPAN 6 · pair B
§ 13.2

Spacing scale.

Ten steps on a 4-px base. Anything between two steps doesn't exist — round up, round down, or rethink the layout. Padding, margin, and gap all consume from this scale; nothing else.

Token
Bar
Value
--space-1
4px0.25rem
--space-2
8px0.5rem
--space-3
12px0.75rem
--space-4
16px1rem
--space-6
24px1.5rem
--space-8
32px2rem
--space-12
48px3rem
--space-16
64px4rem
--space-20
80px5rem
--space-24
96px6rem
§ 13.3

Breakpoints.

Four breakpoints. Mobile first; everything else is progressive enhancement. Test at the bounds, not in the middle — that's where layouts break.

Mobile
≤ 640 px
Single column
Padding 16px · gutter 12
Tablet
641 — 1023 px
Two columns
Padding 24px · gutter 16
Desktop
1024 — 1439 px
12-column grid
Padding 48px · max-w 1180
Wide
≥ 1440 px
Content stays centred
max-w 1180 · let air in
§ 13.4

Watch it reflow.

The rules above, in motion. Drag the handle — or use the arrow keys — to shrink the viewport and watch a real layout cross each breakpoint: 12-col → two-up → single column. The grid isn't a diagram; it's behaviour.

Desktop 1024 px · 12 cols · pad 48
EMMA
HERO · span 12
MAIN · span 8
SIDEBAR · span 4
STAT
STAT
STAT
STAT
CARD · span 6
CARD · span 6
FOOTER · span 12
§ 13.5

Container widths.

Four container widths. Use the narrowest one your content can live inside. The default — 1180 px — covers ~85% of pages in this guide.

NARROW · prose
760 px max
DEFAULT · page surfaces
1180 px max
WIDE · editorial heroes
1440 px max
FULL-BLEED · cosmic surfaces
100% viewport
§ 13.6

Card grid patterns.

Four canonical card grids. Choose by how many things you're comparing, not by how much space you have. If they wouldn't appear in the same conversation, they don't go in the same grid.

Pattern · 2
The compare.

Two registers. Before / after. Them / us. Side-by-side pairs.

Pattern · 3
The triad.

Trinity layouts — opening / middle / close. Or three proof points.

Pattern · 4
The taxonomy.

The four ICPs. The four proof points. Quadrant-style comparison.

Pattern · 6
The library.

Six voice adjectives. Six don'ts. Pattern catalogs.

§ 13.7

Elevation & z-index.

Six layers, one ladder. Depth is never decorative — each step earns its shadow by sitting above the one before it. Stay on the ladder; never invent a z-value between two rungs.

z-0Base surface
z-100Card
z-200Sticky header
z-300Dropdown
z-400Modal
z-500Toast
  • z-0 Page & content · --shadow-xs
  • z-100 Cards & panels · --shadow-sm
  • z-200 Sticky / pinned · --shadow-md
  • z-300 Menus & popovers · --shadow-lg
  • z-400 Dialogs · --shadow-xl
  • z-500 Toasts & alerts · --shadow-2xl
§ 13.8

Four ways things move.

Breakpoints say where; these say how. Every element does exactly one of four things as the screen narrows. Mixing two in the same region is how layouts feel improvised.

Pattern · 01
Stack

Columns drop under one another. The default — the grid collapsing to one column.

Pattern · 02
Reflow

A row rewraps to fewer-per-line. Four-up becomes two-up becomes one.

Pattern · 03
Reveal

Off-screen until summoned. A nav folds behind a menu; a panel slides in on demand.

Pattern · 04
Reposition

Same element, new home. A sidebar moves below content; an action bar docks to the bottom.

§ 13.9

Aspect ratios.

Five ratios cover every image, embed, and thumbnail Emma renders. Lock media to one of them — never crop to a number that isn't on the list. Consistent ratios are what make a gallery read as a system, not a scrapbook.

16:9
WideVideo · deck slides
1:1
SquareAvatars · social
3:4
PortraitMobile · profile
4:3
ClassicScreenshots · cards
21:9
CinematicEditorial heroes
§ 13.10

Touch & safe area.

The ergonomics beneath the grid. Every interactive element clears a 44 × 44 px tap target — even when the visible glyph is smaller. Content respects the device safe-area inset, and focus rings get their own breathing room.

Min · 44 × 44
Tap target

The hit area (dashed) extends past the glyph. Small icons stay tappable on mobile.

env(safe-area-inset)
Safe area

Content keeps clear of the notch, home bar, and rounded corners on every device.

--shadow-focus
Focus ring

A 3 px ring at a 2 px offset. Never clipped — interactive elements leave room for it.

§ 13.11

Page rhythm.

The vertical cadence beneath every page in this guide. Hero → section head → body → section. The gaps are deliberate — they're how the page breathes.

The four-step cadence.

Hero 80px from the next section. Section head 48px from its body. Body paragraphs 24px apart. Inline elements 12px apart.

Override the rhythm only on cosmic surfaces — never inside the working register, where the cadence carries the trust.

  • --space-20 Section to section · 80px
  • --space-12 Head to body · 48px
  • --space-6 Paragraph stack · 24px
  • --space-3 Inline rhythm · 12px
Hero
80px--space-20
Section head
48px--space-12
Body
24px--space-6
Body
12px--space-3
Inline
§ 13.12

Three layout failure modes.

Three patterns that look "tight" but break Emma's geometry. Each one wastes the breathing room the rhythm was built to preserve.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
✕ Don't 01
Full-bleed long-form text

Lines > 75 characters break readability. Use a narrow container for prose.

✕ Don't 02
Five columns. Or seven.

Stick to 2 / 3 / 4 / 6. Off-pattern grids feel improvisational.

GAP · 11px (off-scale)
✕ Don't 03
Off-scale spacing

11px gaps don't exist. Round to 12 or 8. The scale isn't optional.

14Application

Templates.

Ready-to-use specimens — deck title, partner one-pager, weekly brief, decision read-out, internal memo, pitch cover, email signature, web hero. The forms Emma's voice already takes.

Page 14 of 21
Register · Both
§ 14.1

Eight templates.

Each one is its own little canvas — composition fixed, copy variable. Take them as-is for routine work, or remix the parts when a moment calls for it. Together they cover ~90% of Emma's recurring outputs.

Work doesn't wait. Neither does Emma.

§ Brand opener · 16:9
EMMAROCKET.COM01 / 24
Template · 01

Deck title slide

Nightfall hero. Brand opener for any deck — sales, investor, all-hands.

1920 × 1080 · Nightfall
EMMA ROCKET, INC.
BERLIN · SF · PARIS
2026.05.23

To the Acme partners.

Three decisions Emma observed this quarter across delivery and finance, and the staffing plan drafted in response. Each annotated with the chain that produced it.

CAPACITY

92% · review by Wed

MARGIN

68% · ↑ 3.2%

1 / 2EMMAROCKET.COM
Template · 02

Partner one-pager

A4 letter. The default surface for any written communication to partners.

A4 · Daylight · 11pt body
§ MONDAY · 09:14

Three decisions are waiting on you this week.

  1. Acme staffing · capacity 92%
  2. Q3 forecast · pipeline shifted
  3. Partner contract · signature due
Open the brief →
Template · 03

Weekly brief

Monday morning surface. Three items, ranked. Email + in-product variants.

In-product / email · Daylight
Hiring · Senior PM § DECISION · CLOSED
REASONING

Capacity at 92%. Closing the chain protects Q3 forecast and saves Acme from slipping by mid-March.

Template · 04

Decision read-out

One page per decision. Lifecycle status + reasoning + next step.

A4 · Daylight · auto-generated
To Sabine Keller · Managing Partner
From Emma · Strategy domain
Date 2026.05.23
Re Q3 capacity plan

The plan, in two paragraphs.

Capacity reads 92% this week. Two delivery milestones on Acme slipped — both upstream of the same workstream.

Emma recommends closing the senior PM hire by Friday. The chain is fully drafted and ready for your signature.

Template · 05

Internal memo

Short-form, addressed. For partner-to-partner or Emma-to-partner.

A4 · Daylight · max 200 words
§ PITCH · v4.2
§ PARTNERSHIP PROPOSAL

For the next chapter of Acme.

PREPARED FOR · ACME PARTNERS
Emma Rocket, Inc. MAR 2026
Template · 06

Pitch / contract cover

The first page that lands on a partner's desk. Nightfall, cinematic, restrained.

A4 / Letter · Nightfall
Sabine Keller
Managing Partner · Paris
sabine@emmarocket.com
+33 6 12 84 27 19
Template · 07

Email signature

Two-column layout. Mark left, contact right. Black on white, always.

HTML · 480 × 120 px
§ MOMENTUM LAYER

Work doesn't wait. Neither does Emma.

The momentum layer for professional service firms. Prepares, anticipates, surfaces.

Read the brief Book a session
Template · 08

Web hero

The marketing site opener. Particle field + cosmic orb + one line.

1920 × 1080 · Nightfall
+ TEMPLATE
Reserved

Pitch deck cover

Next up — single slide variant of the partner one-pager.

In development
15Application

Social media.

LinkedIn first — that's where the ICPs live. One profile, three post types, one story format, one carousel pattern. Captions stay in the voice: observation, recommendation, resolve.

Page 15 of 21
Register · Nightfall
§ 15.1

The LinkedIn profile.

The avatar is the black mark on white. The banner is a Nightfall cosmic field with one orbital pass. The tagline is the brand opener, not the boilerplate. No emoji.

Emma Rocket

Work doesn't wait. Neither does Emma. The momentum layer for professional service firms.

BERLIN · SF · PARIS · MUNICH 4,182 followers
§ 15.2

Three post types.

Every Emma post fits one of three patterns. Choose by what the post is doing: opening a brand moment, surfacing an insight, or recapping a decision.

01 / 03

Work doesn't wait. Neither does Emma.

EMMAROCKET.COM BRAND OPENER
Brand opener
USE · CAMPAIGN LAUNCH · FOUNDER POSTS
§ INSIGHT · 03
§ DELIVERY · MOMENTUM

Most firms lose more value in decision drift than in client churn.

EMMA · MAR 2026 INSIGHT CARD
Insight card
USE · WEEKLY · OBSERVATIONS & FRAMINGS
§ RECAP · Q1
+18%

Average follow-through rate across Emma firms last quarter.

EMMA · Q1 2026 RECAP
Decision recap
USE · MILESTONES · QUARTERLY POSTS
§ 15.3

Vertical & carousel formats.

Two more formats. 9:16 story for short-form vertical. Up-to-5-card carousel for longer arguments. Never more than five frames — if the idea needs six, write a blog post.

§ STORY · 9:16

Every decision finds its follow-through.

EMMA · MAR 2026 · emmarocket.com
§ 15.4

Caption patterns.

The image carries the claim. The caption carries the reasoning. Two patterns — both follow the voice formula: observe, recommend, resolve.

Pattern · 01
The short caption (≤ 50 words)

Decision drift costs more than client churn — at least where we measure it. Most firms can name a churn rate. Few can name a follow-through rate. Both belong on the dashboard.

Pattern · 02
The long caption (~150 words)

Across the firms running Emma, the average decision-chain completion rate rose 18 percentage points last quarter. Most of that came from one change: making the next decision visible the day before it was due. Preparation, not pressure. That's the shape of momentum.

§ 15.5

Hashtag & mention policy.

Two to four hashtags maximum, all lowercase, on a separate line at the end. Mentions only when tagging the actual subject — never as discoverability bait.

✓ Use sparingly
#emma #momentumlayer #professionalservices #decisiondrift #followthrough #proactiveAI

Two to four per post, all lowercase, on the last line. Tagged people only when they're the subject — not the audience.

✕ Never
#AI #productivity #tech #startuplife #growthhacking #mondaymotivation #blessed

Generic hashtags trade authority for reach. Discoverability bait is the opposite of restraint.

16Application

Print.

Business cards, letterhead, contract covers, signage. Black on white, almost always. DM Mono for every footer and label. The paper is the page — and the brand is the restraint.

Page 16 of 21
Register · Daylight
§ 16.1

Business cards.

Two-sided. Nightfall front carries the brand; Daylight back carries the human. Same card, two registers — the only place the registers literally sit back-to-back.

§ 16.2

Letterhead.

The default surface for any written communication to partners. A4 first, US Letter on request. 40 mm margins, 11 pt body, 1.6 leading. No accent borders, no coloured headers.

§ 16.3

Contract & pitch cover.

The cover sheet for any partnership document. Nightfall, cinematic, restrained. The first page that lands on a partner's desk — make it look like Emma already arrived.

§ 16.4

Print specifications.

The numbers vendors will ask for. Stock, bleeds, margins, finishes. Defaults below — variations require a brand-team sign-off.

17Application

Digital & web.

The marketing site, the product itself, email, and the small surfaces — favicons, app icons, OG cards. Nightfall for narrative; Daylight for the working surface. Where Emma's full system finally meets the world.

Page 17 of 21
Register · Both
§ 17.1

Marketing site.

Three section patterns cover the whole site — Hero, About, Pricing. Nightfall by default; only the pricing section flips to Daylight, because that's where the partner is doing the work of choosing.

Book a session
§ MOMENTUM LAYER

Work doesn't wait. Neither does Emma.

The momentum layer for professional service firms. Preparation, coordination, orchestration — applied before the day begins.

Read the brief → Book a working session
§ THE ARC

Begin as an assistant. Become the system.

Emma lands as an overlay across the tools your firm already uses, and grows into the operating layer that holds every domain in alignment.

§ PRICING

Two tiers. One arc.

Start with the assistant. Grow into the system. Pricing scales with what Emma's actually doing — never with seat count.

ASSISTANT · MONTH 1
$0

Freemium overlay. Drafts the first brief in < 72h. Includes core observation across your tools.

Start free
OPERATING SYSTEM · YEAR 02+
Custom

Once Emma holds the firm. Pricing aligned with outcomes, not seats. Includes platform modules.

Talk to us
§ 17.2

Product UI.

The working surface — Daylight by default, every day. Fine borders, sparse colour, monospace metadata. Vital Signs is the canonical pattern: three primitives, one ribbon, one decision.

// EMMA · VITAL SIGNS
app.emmarocket.com / acme / vital-signs
Acme · Workspace
Vital Signs
Decisions
Chains
Domains
Strategy
People
Growth
Delivery
Finance
Read-outs
Monday brief
Quarterly
Acme · Strategy · Vital Signs

Vital Signs

Three primitives. One read of the week.

$ REVENUE
$2.4M
vs. last↑ 18.0%
% MARGIN
68%
vs. last↑ 3.2%
⌐ CAPACITY
92%
vs. last↑ 5.1%
Revenue momentum is strong with capacity nearing limits — block two hours Wednesday morning to staff Acme.
§ 17.3

Email.

Two patterns: the broadcast (campaign, newsletter, weekly digest) and the transactional (notification, confirmation, alert). Both share the same chrome — black mark on white, mono signature line, single CTA.

§ 17.4

Favicons, app icons, OG cards.

The small surfaces. Mark on a dark rounded square (16 px radius at 80 px size) for app icons. White mark on Nightfall hero for OG cards. Favicons inherit the same.

App icon · darkiOS / Android 1024²
App icon · lightLight wallpaper
Favicon · 48Modern browser
Favicon · 32Tab bar
Favicon · 16Legacy fallback
Touch iconiOS · 180²
// OG CARD · 1200 × 630
§ EMMAROCKET.COM

Work doesn't wait. Neither does Emma.

THE MOMENTUM LAYER BRAND OPENER
19Application

Presentations.

The canonical Emma deck — nine slides — is the reference. Every other deck (investor, partner, all-hands) is built by recombining its grammar. Below: the source recreated, then the reusable templates derived from it.

Page 19 of 21
Register · Nightfall
§ 19.1

The canonical deck.

All nine slides recreated faithfully. Read them as composition references — the rhythm of openers, problem-statements, capability grids, and CTAs. Copy is canonical; the structure underneath each slide is what becomes the template grammar.

Forward Motion
at Your Fingertips

The holistic OS for modern service organizations
EMMA · 202601 / 09
Slide · 01
Title

Brand opener. Full-bleed Nightfall, headline split across two lines with the conceptual word in Blue 300.

Work doesn't break in delivery.
It breaks before it even starts.

Work is happening. Decisions are made. People are busy. But intent, ownership, execution, and constraints slowly fall out of alignment.

Strategy

Priorities don't always turn into real action.

People

Everyone is involved, but it's not always clear who owns what.

Growth

We promise more than we can realistically deliver.

Delivery

We make decisions, but work slows down afterward.

Finance

We notice limits and budget issues too late.

EMMA · PROBLEM02 / 09
Slide · 02
Problem framing

The headline names the misdiagnosis. Below: five domain symptoms in a tight grid. Use whenever you need to land a felt problem before introducing Emma.

Work doesn't wait.Neither does Emma.

EMMA · BRAND OPENER03 / 09
Slide · 03
Brand opener

Single most-quoted line, centred and full-bleed. Used as a section break wherever the deck needs to reset.

One Holistic System
for Every Decision.

§ Unified data

Alignment only holds if every domain stays connected.

Emma collects data across your organization, understands how decisions impact every domain, and helps turn intent into consistent follow-through.

§ Position

Above tools, between teams, over time.

She focuses on coordination, continuity, and momentum — not on replacing the tools you already use.

EMMA · SOLUTION04 / 09
Slide · 04
Solution · two-column

Promise + position. Two columns under one headline, each with its own eyebrow / sub-head / paragraph.

See What Matters.
Move With Confidence.

EMMA · SECTION OPENER05 / 09
Slide · 05
Section opener

Two-line statement that sets up the next chapter. Use to mark a hand-off between problem framing and capability deep-dive.

Emma never replaces human authority.
She reinforces it.

Senses

Observes decisions and signals as they emerge. Detects misalignment and risk in real time.

Prepares

Prepares meetings, decisions, and transitions using the context already present in your work.

Connects

Links context from messages, meetings, and documents to strategic decisions and outcomes.

Stabilizes

Identifies stalled commitments and brings focus back to what needs to be decided next.

EMMA · CAPABILITIES06 / 09
Slide · 06
Capability grid

Four columns of capabilities under one promise headline. Each column gets a verb-form title and a single supporting sentence.

Meetings Without Drift.

Decisions grounded in what's actually happening.

  • Decisions made in meetings instantly become trackable initiatives with assigned owners and KPIs.
  • Emma is aware of the conversations and materials leading into the meeting.
  • Relevant context from Google and Slack is available without manual preparation.
  • Decisions are grounded in what's actually happening across the organization.
EMMA · USE CASE07 / 09
Slide · 07
Use case

One concrete claim, then four supporting bullets. Used to make capabilities feel tangible — pick a single recurring moment to anchor it.

Roadmap: Growing Together.

Q1 / 2 — Foundations

People · Growth · Finance

  • People — authority, ownership, capacity
  • Growth — demand, sales, customer commitments
  • Finance — budgets, margins, constraints
Q3 — Intelligence Layer

Decision awareness across domains

  • Intelligence operates across People, Growth, and Finance
  • Decisions observed & linked across these domains
  • Early detection of conflict, overload, and risk
Q4 — Full Operational Loop

Delivery & Strategy

  • Delivery added as an explicit execution domain
  • Strategy added as the governing definition
  • Decisions now span intent → execution
EMMA · ROADMAP08 / 09
Slide · 08
Roadmap · three lanes

Three columns, each a quarter. Solid blue rule = shipped or near-term; light blue rule = future. Bullets stay terse.

Momentum matters.Make it inevitable with Emma.

Get Started Take a Journey Through Space Join Community
EMMA · CLOSING09 / 09
Slide · 09
Closing · CTA stack

One brand line, one primary CTA, two secondary options. The "Take a Journey Through Space" line is the brand's atmosphere CTA — use sparingly.

§ 19.2

Templates derived from the deck.

The five slide patterns underneath every Emma deck. Each one descends from a specific slide in the canonical reference above. Don't invent new ones — remix these.

§ 01 / NN

Work doesn't wait. Neither does Emma.

§ DECK NAME · MAR 2026
EMMAROCKET.COMTITLE
Template · 01
Title

Derived from slide 01 + 03. One headline, optional eyebrow subtitle. Always full-bleed Nightfall.

§ NN / NN
03
§ SECTION NAME

See What Matters. Move With Confidence.

EMMA · 2026SECTION OPENER
Template · 02
Section opener

Derived from slide 05. Large number, section name, two-line statement. Marks every chapter change.

§ NN / NN
§ Q1 2026 · FOLLOW-THROUGH
+18%
↑ vs. last quarter

Decision-chain completion rose across every Emma firm — most of it from preparation, not pressure.

EMMA · Q1 2026DATA
Template · 03
Data slide

New for the system. One number, one delta, one insight sentence. Never two metrics. Never a legend.

§ NN / NN

Emma changed when the work arrived — not how we did it.

— Sabine K. · Managing Partner · Paris
CUSTOMER · ANONYMIZEDQUOTE
Template · 04
Quote

Pull quote + attribution. Quotation mark in Blue 300. Anonymize unless the customer requests otherwise.

§ NN / NN

Begin as an assistant. Become the system.

Book a working session →
EMMA · 2026CLOSING
Template · 05
Closing

Derived from slide 09. One brand line + one primary CTA. Optional pair of secondary outlines.

§ DAYLIGHT · PRODUCT DEMO
§ VITAL SIGNS · LIVE
$2.4M
↑ 18% · on trajectory
ACME · MARCHDEMO
Template · 06
Product demo (Daylight)

The only Daylight slide. Use when the slide is the product, not narrating it.

§ 19.3

Format ratios.

Three formats. 16:9 default. 4:3 for client offices still on legacy projectors. 9:16 for screen-recorded demos and social previews.

16 : 9
16:9 · default

Investor decks, sales decks, internal presentations. 1920 × 1080 master.

4 : 3
4:3 · legacy

Client offices with older projectors. Always export a 4:3 version of customer-facing decks.

9 : 16
9:16 · vertical

Screen-recorded demos, social previews of decks. Same grammar, half the slide types.

§ 19.4

Speaker notes.

The slide carries the headline. The notes carry the script. Same voice formula — observe, recommend, resolve — written for the spoken register.

SLIDE 02 OF 09

Work doesn't break in delivery. It breaks before it even starts.

Problem framing slide. Five domains in a row underneath. No transitions — let the room sit with each line.

The pause before listing the domains is the slide's most important moment.

SPEAKER NOTES

Most teams diagnose execution. They look at delivery, find delays, and ask "where did this go wrong?". Wrong scope. The break happened weeks earlier.

Walk the room through each domain. Strategy. People. Growth. Delivery. Finance. Same misalignment, five different surfaces. Pause after Finance.

Then move on. The next slide is the brand promise — let it land in silence.

20Application

Motion lab.

Where motion gets specific. Page 10 set the principles; this page ships the recipes. Six choreographed moments, each with a target use, easing, duration, and reduced-motion fallback.

Page 20 of 21
Register · Both
§ 20.1

Six recipes.

These are not principles — they are recipes. Each one is a worked-out motion for a specific moment, ready to lift into your build.

Recipe · 01

Page-shell entrance.

Layers fade up and settle, one after the next. The page composes itself in front of the reader — never simultaneously, never bouncing.

360ms each 120ms stagger orbital ease opacity + 8px Y
Recipe · 02

Domain transition.

Moving between domains pans and scales the active planet to centre. Never a hard cut — the orbits hold, only the focus moves.

800ms orbital ease translate + scale
Reading the room…
Recipe · 03

Emma is reading the room.

The day-one empty state. Orbits drift, core pulses, the line surfaces every few seconds. Never spinner-like. Never urgent.

3s pulse 20s orbit label loop onboarding
Commit decision
Recipe · 04

Decision commit.

The CTA presses, then dissolves into a confirmation surface. The transition is the receipt — no toast required.

scale 0.96 → 1 cross-fade 800ms total
Recipe · 05

Chain progression.

A decision chain steps through its states. The Teal pulse marks "now". Used on chain pages and decision read-outs.

6s loop 4 stops Teal pulse
Recipe · 06

Hero orbit choreography.

The signature Nightfall hero. Three orbital rings at different speeds, central glow pulsing. Always on, but never the focus.

14s · 20s · 28s linear marketing only
§ 20.2

Recipe specifications.

The values to ship. Match these and the motion will feel like Emma's. Drift and the page starts reading like someone else's brand.

Recipe
Duration
Use
Easing
Page shell
360ms × 5
Page load · navigation transition. Stagger 120ms between layers.
ORBITAL
Domain transition
800ms
Switching between Strategy / People / Growth / Delivery / Finance.
ORBITAL
Reading the room
3s loop
Onboarding empty state. Day 1–3, until the first brief lands.
EASE-IN-OUT
Decision commit
800ms
Confirmation of a partner-signed decision. Replaces the toast.
ORBITAL
Chain progression
6s loop
Chain pages, decision read-outs. Pulse marks the active state.
LINEAR + DECEL
Hero orbit
14s · 20s · 28s
Marketing site hero, brand opener slides. Background motion only.
LINEAR
§ 20.3

Reduced-motion equivalents.

Every recipe ships with a reduced-motion fallback. The content always arrives — what changes is the journey. When prefers-reduced-motion: reduce, animations are replaced with instant resolution.

@media (prefers-reduced-motion: reduce) { .r-shell .layer { opacity: 1; transform: none; animation: none; } .r-domain .planet, .r-reading .ring, .r-reading .core { animation: none; } .r-commit .button::after { opacity: 0; } .r-chain .progress, .r-chain .node-pulse { animation: none; stroke-dashoffset: 0; } .r-orbit .o-ring, .r-orbit .o-glow { animation: none; } }