nudgey.
Design · 02

The brand,
made navigable.

Voice, palette, typography, and iconography all live in one place. The brand catalogue (`docs/Nudgey_Brand_Catalogue_v1.docx`) is the source of truth; this page is the working reference.

Voice

A friend who watches the cash flow with you.

Nudgey speaks like someone who's been around your money for a while and knows the shape of your week. Direct, warm, never schoolmarmish. Never alarmist.

RULE 01

Watching with you, not at you

Observation, not evaluation. "Food is up this week" — not "you spent too much on food." Show the pattern, name the choice, leave the judgement.

RULE 02

Coral, never red

Warnings are gentle. Pre-spend pauses, over-budget cards, the pause icon — all coral, all tonally calm. No alarm reds. No emoji, no exclamations.

RULE 03

One idea per surface

If a card is trying to say two things, it's two cards. The Reveal shows one pattern at a time. The Sunday Drop is one insight. The pre-spend pause is one number.

RULE 04

Local without performance

M-Pesa, sacco, Tala, Equitel — the words used in life. Don't translate them into Western finance terms ("e-wallet," "credit facility"). And don't lean on Sheng for warmth — that's performance, not voice.

RULE 05

The terracotta period

The dot in nudgey. is the only place terracotta is decorative. Everywhere else terracotta means "agent voice" — the wordmark, the agent presence dot, message receipts. Sacred role.

RULE 06

Two weights, one face

Inter Regular and Inter Bold. No medium, no semibold, no italics. The whole brand is a single typographic system that reads as confident.

RULE 07 · VR-002

Never center "I read your SMS"

Nudgey is framed as behavioral learning, not message-reading: "Nudgey learns how your money moves from your phone, on-device — nothing leaves it." The OS permission dialog is unavoidable, but our copy never says "SMS reader," "reads your texts," or "scans your messages." Peer, not parent.

Sample copy — a Sunday Drop opener

USE "You spent 38% less on transport this week. Most of it was on Tuesday — looks like the rain rerouted you."
LOSE "Great job saving on transport this week! 🎉 Keep crushing it!"
USE "Your sacco contribution went out yesterday. Three weeks straight now."
LOSE "Reminder: you should consider increasing your savings rate to optimize wealth accumulation."
Palette

Four signals, two neutrals.

Roles do not overlap. Terracotta is the wordmark and agent voice; gold marks wins; coral pauses; ink structures; cream warms; paper elevates.

brand
Terracotta
#E07856
hover
Terracotta-deep
#C8623F
soft
Terracotta-soft
#F5C9B7
wins
Gold
#E8B84A
soft
Gold-soft
#F4DA9A
pause
Coral
#D45D5D
soft
Coral-soft
#EFB7B7
text
Ink
#1A1814
muted
Ink-muted
#6B5F50
faint
Ink-faint
#A89F90
surface
Cream
#FAF5EC
paper
Paper
#FFFFFF

The terracotta rule

Terracotta is sacred. It marks the wordmark period, the agent's voice, message receipts, and the four bespoke icons that need it (period, drop, money map, period story). Never decoration. Never accent. Never on Phosphor icons.

Typography

Inter, two weights, the entire brand.

Inter is the digital primary face — chosen for legibility at small sizes (critical for dense transaction data), wide weight range, and global language support including Swahili diacritics. Two weights: Regular (400) and Bold (700). No medium. No italic.

Display
Money the way it actually moves.
700 · 32px
H1
Your sacco contribution went out yesterday.
700 · 22px
H2
Three weeks straight now.
700 · 16px
Body
Nudgey learns how your money moves from your phone, on-device — nothing leaves it — and helps you make better calls in the moment.
400 · 11px
Small
Free tier · one insight per week · upgrade for the archive
400 · 9px
Eyebrow
SUNDAY DROP · WEEK OF MAY 5
700 · 8px caps

Mobile (Flutter) uses the catalogue numbers verbatim — display 32 / h1 22 / h2 16 / body 11 / small 9 / eyebrow 8. Web ladders up modestly via the fontSizes table in packages/brand/src/typography.ts.

.
Iconography

30 icons. Curated, frozen.

Phosphor Regular is the base set. We freeze 30 — adding one is a spec amendment, not a per-screen import. Mobile (Flutter) and backoffice (Next.js) consume the same set via packages/brand. Marketing carries the brand through Inter, photography, and the wordmark — never icons.

home
chat
bell
clock
calendar
chart
wallet
arrow-up
arrow-down
arrow-right
arrow-left
swipe
check
cross
plus
minus
dots
gear
user
lock
eye
eye-slash
search
filter
download
share
info
link
phone
tag
Bespoke icons

Six glyphs drawn for Nudgey.

The most emotionally loaded surfaces get glyphs that exist only in Nudgey. Each is bichrome by construction — the accent color is locked, never overridden.

SIGNATURE 01
nudgey-period
Brand · agent voice

The dot from nudgey. Reusable as agent presence, message receipt, the Reveal opener.

SIGNATURE 02
nudgey-drop
Insights · weekly cadence

Sunday-Drop motif. Drop silhouette, ink stroke, terracotta inner-drop fill. Only on Drop surfaces.

SIGNATURE 03
nudgey-money-map
Money Map · multi-institution flow

Three radial nodes around a terracotta center. The glyph for the Money Map — the living, provider→provider picture of where money moves.

SIGNATURE 04
nudgey-streak
Gold · milestones

Six-pointed editorial bloom in gold with ink outline. Streaks, wins, premium signal. Replaces the generic star.

SIGNATURE 05
nudgey-pause
Coral · pre-spend warning

Two-bar pause inside an open ring with coral-soft fill. Replaces any "warning triangle." Coral, never red.

SIGNATURE 06
nudgey-period-story
Monthly recap · premium

Document silhouette with a folded corner revealing terracotta. The "turn the page" metaphor. Premium-only surface.

Color & size rules

Discipline.

Phosphor icons stay neutral; bespokes carry the accent. Four sizes only — used by name, never by raw px.

Color · Phosphor icons

  • Defaultink
  • Secondary · metadataink-muted
  • Disabledink-faint
  • On dark surfacescream
  • Brand colorsnever

Size ladder

  • xs · inline · metadata16px
  • sm · default · buttons / lists20px
  • md · headers · card heroes24px
  • lg · signature surfaces40px
  • Other sizesforbidden
UI principles

Five rules every screen passes.

PRINCIPLE 01

Editorial, not appy

Generous white space. One headline. One number. Cards feel like printed pages, not dashboards. The Sunday Drop is a poster, not a notification panel.

PRINCIPLE 02

The agent shows up the same way

Same dot, same voice, same shape. The user can predict where Nudgey will speak. Predictability is half of trust.

PRINCIPLE 03

Templated structures, generative slots

Agentic Levels 0–3 only (deterministic screens, dynamic content, dynamic ordering, dynamic journeys, generative copy in fixed slots). Levels 4–5 are explicitly forbidden — no generative components, no generative UI markup. Brand consistency, accessibility, predictability are protected values.

PRINCIPLE 04

One swipe = one decision

The daily cards never bury two decisions on a single surface. If the user has two calls to make, that's two cards.

PRINCIPLE 05

The pause is sacred

The pre-spend pause card is the live agentic moment. Coral, never red. Five seconds of breathing room. Never auto-cancels — Nudgey doesn't take the action; the bank does. The pause hands the choice back to the user.

Money Map redesign

“The Ledger” — the brand, applied.

The 2026-06-15 redesign exploration for the Money Map: editorial, all-cream, money as the hero, the conversation layered on top — colours locked to the palette above. It carries these principles into the live screens (home, accounts grouped by institution, where-your-money-went, counterparty detail, statement) and folds in the fixes found on-device — friendly account labels, institution grouping, search, month→day dates, reconciled totals, the broken swipe removed.

View the mockups →

Full-screen gallery of Direction A across every Money Map surface. Design spec: docs/superpowers/specs/2026-06-15-money-map-ui-redesign-design.md.

Photography

Real Kenyans, real money moments.

Photography is for the marketing surface (`thenudgey.com`) and the executive brief. Mobile and backoffice don't use photography — they use type, the wordmark, and the icon system.

Photography rules

Final art direction lives in the Brand Catalogue (`docs/Nudgey_Brand_Catalogue_v1.docx`). This page reproduces the rules; it does not replace the catalogue.