Visual & Brand Guide · v1.1
The Spoonwise logo: a pink piggy bank being fed a spoonful, tucked into a big blue serif S

Spoonwise

One honest number a day. Calm, shame-free budgeting for neurodivergent adults — a tool that tells you what's actually safe to spend, without a lecture attached.

What Spoonwise is

Spoonwise is Holly Gibbs's daily budgeting app for neurodivergent adults. It answers exactly one question — what's safe to spend today? — and refuses to pile on the dashboards, graphs, and guilt that make most budgeting apps unusable for an ADHD or autistic brain.

The name comes from spoon theory (Christine Miserandino): energy is finite, and some days there's less of it. Spoonwise meets you at whatever capacity you have by letting you choose how much detail you can handle today.

Positioning:

Spoonwise is Holly's personal product. It is not a Howell & Gibbs property and never carries that branding. The only cross-brand reference is the coaching note, which may link to The Grove ("Already working with Holly at The Grove?"), because coaching clients get full access included.

Voice & tone

Spoonwise sounds like a steady friend who's good with money and never makes you feel bad about yours. Six words:

Calm Honest Shame-free Concrete Warm Unhurried

In practice:

Do

  • "One honest number a day."
  • "Your daily safe-to-spend is always free. One payment of $15 opens all of the extra features, and you have access forever."
  • "Your budget data stays on this device. Nothing leaves your browser."
  • "It's free to start, it works offline, and takes two minutes to get started."

Don't

  • "Take control of your financial future!" — hustle-culture pressure.
  • "You've overspent in 3 categories." — verdict, not signal.
  • "Unlock premium insights." — there are no tiers of truth; the free number is the same honest number.
  • "Budgeting made easy." — generic; nothing here is a chore being sugar-coated.

Logo & icons

The logo is a pink piggy bank being fed a spoonful, tucked into a big blue serif S — hand-drawn line art with black outlines, warm and a little cheeky. She's pink, and she stays pink.

Full-color Spoonwise logo
Primary lockup. Light grounds only — white or #F2F9FF.
Favicon: white serif S in a blue circle
Favicon. White S in a #255FE4 circle — browser tabs and tiny placements.
Outline pig icon
Pig icon. Outline-only; also the repeating wallpaper glyph (see Pattern).
Filled spoon iconOutline spoon icon
Spoon icons. Fill + outline. The fill version is the UI glyph: detail toggle, mode cards, spoon counts.

The wordmark

The Spoonwise wordmark: the pig-fed serif S leading into Spoonwise, with Spoon in blue and wise in navy

The horizontal lockup: the pig feeds the leading S, Spoon sets in blue #255FE4 and wise in navy #0D3694. This is what site headers and partner placements use. Where only live text is possible, "Spoonwise" in Mogan (regular, sentence case, navy) stands in. Mogan is the wordmark's own face.

Rules:

Color

Holly's palette: a dozen crayon-bright colors on a near-white blue ground. Blue leads (#255FE4 with #0D3694 for depth), everything else pops in support. The status trio (green / amber / orange) belongs to the product's meaning — a signal, not a verdict — and is never used decoratively where it could read as a money state.

Core

Aa
Blue
#255FE4
The lead. Buttons, links, active states, the favicon circle, UI spoons.
Aa
Navy blue
#0D3694
Headings, dark bands (unlock, pig wallpaper). Pattern pigs: #1D4EBF.
Aa
Ground
#F2F9FF
Page background. Cards sit on it in white.
Aa
Hot pink
#F05D9A
The squiggle divider on light grounds; accent pops. Soft pair #FEB6E7.
Aa
Purple
#5422A8
Deep accent. Soft pair lilac #C683DB.
Aa
Amber
#FFC854
The yellow CTA button (navy text). Soft pair #FFEF9F.

The status trio — a signal, not a verdict

$23.50comfortably covered $8.25getting close $2.10a tight stretch
Aa
Green
#23A158 · mint #6BEDA2
Comfortably covered; income. Text-safe ink on tints: #126F3C.
Aa
Amber
#FFC854 · pale #FFEF9F
Getting close. Text-safe ink on tints: #8A6200.
Aa
Orange
#FF6241 · peach #F9AA86
A tight stretch; bills. Text-safe ink on tints: #C93D1C.

Rules: amounts always sit on their own light tint with the darkened "ink" version of the status color for contrast; never use pure red/green stoplight colors; the full rainbow may appear together only as pattern (the capsule band), never near amounts.

Typography

Two families, strict roles. Manrope does everything: headlines at 800, working text at 400, buttons and labels at 600. Mogan, the wordmark's face, is reserved for the safe-to-spend number. Where Manrope isn't available, system-ui stands in; where Mogan isn't, Georgia does. Mogan is a licensed font (Heritage Type, via Creative Market): self-host it from the site, and never offer it as a download.

Display — Manrope 800
One honest number a day.

Headlines and section titles, in navy on light grounds and white on dark bands. Tracked in to −0.025em at display sizes; small card titles drop to 700 at −0.01em.

Body — Manrope 400
Spoonwise looks at what's left, what's still due, and what today is, and gives you one number you can actually trust.

Paragraphs, UI labels, buttons (600 weight). Sentence case everywhere — headlines, buttons, labels.

The number — Mogan 400
$230.58

The safe-to-spend number is the only Mogan on the screen, so it echoes the wordmark and reads as the hero. Mogan has one weight: never bold it. Supporting amounts are Manrope 700 tabular-nums in the status ink on its tint. The number is the interface.

Illustration & pattern

Illustration

Flat, friendly line-art money scenes — black outlines, simple fills, people doing hopeful things with money (watering it, feeding it to pigs). Sourced as Unsplash vectors (Doodis Creative Labs, Tri Wiranto; Unsplash license, no attribution required), with their baked-in background rectangles stripped so they sit directly on the page ground.

Watering a garden of coins and bills
Hero. Watering the money garden.
Money bag linked to house, car, card, and bill
Setup. Income and bills, mapped.
A hand holding a purse stuffed with money
Privacy. Your money stays in your bag.

One illustration per section, always about the section's idea. Crop each SVG's viewBox to its content so it renders large.

The pig wallpaper

The outline pig icon repeats as a staggered, tone-on-tone pattern: #1D4EBF pigs on #0D3694, small tiles (~220px) so it reads as wallpaper, used on the page's closing band. This is the brand's signature pattern move.

The capsule band

A dense row of tall rounded capsules in the full palette, each cut off above, below, or floating whole — the section divider into dark bands. Capsules are elongated (height ≈ 2× the band) and tightly packed (8px gaps) so little ground shows.

Squiggles

A thin hand-wave line divides sections: hot pink on light grounds, light blue (#5B84E8) between dark bands. Capsule shapes (999px radii) carry everything interactive: buttons, pills, chips, toggles.

Applications

Pricing language is fixed: the daily safe-to-spend is always free; $15, one payment, access forever. Free tier is "free," never "trial." Coaching clients get full access included — phrased as a gift, never a coupon code.

Do / don't quick reference

Do

  • Blue leads; the rainbow appears as pattern, not decoration near money.
  • Mogan only for the safe-to-spend number and the wordmark; sentence case everywhere.
  • Amounts in tabular figures, status ink on its own tint.
  • Capsules for anything pressable or money-bearing.
  • Pig wallpaper, capsule band, and squiggles as the sanctioned pattern moves.
  • "Made by Holly Gibbs" as the attribution; The Grove linked only in the coaching note.

Don't

  • No red/green stoplights, alarms, or warning triangles.
  • No recolored pigs in the lockup — she's pink.
  • No black-outline logo on dark grounds.
  • No Howell & Gibbs logos, colors, or cross-promotion.
  • No emoji spoons in designed surfaces — the drawn icons only.
  • No urgency: timers, streaks, "last chance." Exclamation points only as warmth.

Open items for v1.1