Brand Kit · Version 3
The site-wide direction locked in the Week 2 sprint: four named blues, one gold accent, a display serif used with restraint, and a set of signature motifs, including wagara pattern backgrounds, that make the site unmistakably Zen Noggin's own.
Section 01
Week 1 shipped a brand kit built on Zen Noggin's original logo palette. In Week 2, the homepage direction pivoted to a new system built around four named Japanese blues and a single gold accent — since extended to every page in the marketing site. This kit documents that current, locked direction.
Retired — v1 logo palette
Blue, teal, orange, purple, green — pulled from the original logo marks. Read as consumer-facing, wellness-adjacent. No longer in use on the live site.
Current
Ao, ai, kon, mizu, plus gold as the single warm accent. Reads as disciplined and precise, restrained rather than decorative. This is the palette in production today.
Section 02
The three final logo files, shown in the context each is meant for — the ivory base as the main site background, a white ground, and the dark kon ground.
On ivory (main background)
primary usage
On white
flat printing, single-color contexts
On kon ground
dark sections, footer
Assignment logic: the full-color mark carries the main usage on the site's ivory background. The black mark is reserved for white or very light grounds where full color isn't appropriate. The white mark is reserved for dark grounds, since it's the only version that reads clearly against kon.
Section 03
Four named blues, read left to right from deepest to palest, plus gold as the only warm color anywhere in the system. Named for what they are, not for a marketing label.
Near-black navy
#2B3050
Deep statement grounds — cover sections, footer, dark panels
Clear mid-blue
#2E62A6
Mid-value tile ground, eyebrow labels, links
Deep teal-blue
#1F5568
Second mid-value tile ground, body copy on light
Pale sky-blue
#B9D3E4
Pale tile ground, light contrast against kon
Single warm accent
#fdc872
CTAs and hairline accents. With the ticker retired, gold no longer has any approved background use, solid or translucent, anywhere in the system
Base
#eff6ff
Page background, light-mode ground
Base
#2c2c2c
Body text on light backgrounds
Section 04
A characterful display serif used only for headlines, paired with the same Archivo sans that already runs through the RFP system — so the RFP documents and the website read as one firm.
Display — headlines only
Fraunces
Body & UI — everything else
Archivo
| Role | Face / weight | Sample |
|---|---|---|
| H1 — hero headline | Fraunces 300, clamp(44–76px) | Clarity, precision. |
| H2 — section title | Fraunces 300, clamp(30–44px) | What changed, and why |
| Eyebrow / label | Archivo 700, 11px, wide tracking | Section 04 |
| Body copy | Archivo 400, 15px | Fractional financial operations, built to be owned. |
| Button / UI label | Archivo 700, 13px | Begin a conversation |
Section 05
Two traditional patterns (wagara), each assigned to a specific piece of material based on what it actually means, not picked for decoration. Used as a low-opacity background texture only, never as a loud foreground print.
Seven treasures
Interlocking circles forming a continuous lattice. Represents harmony and interconnectedness — one system supporting the next.
SOP Vault, systems & infrastructure contentTortoiseshell
A hexagonal lattice named for the tortoise shell. Represents intellect, structure, and longevity.
General & Government vertical, footerAlso excluded: Uroko and Seigaiha, removed from the live pattern set per client direction. Sayagata, the interlocking key-fret pattern, remains excluded on separate grounds: it is built from the manji, an ancient Buddhist symbol for eternity with no connection to its 20th-century misuse in the West, but close enough in silhouette that it risks misreading in client-facing US financial material.
Section 06
Core building blocks shared across the homepage and the interior tile-based pages.
Buttons
Navigation bar
Interior tile card
02
Map
We audit what exists — what works, what is missing, what is broken.
Section 07
The visual system changed. The locked editorial rules from the Positioning Language Guide have not, and apply exactly the same to every page in this new direction.
Do
Write company-first. Zen Noggin reads as an established firm with a full team.
Don't
Use em dashes anywhere. Use commas, colons, or restructure the sentence.
Do
Frame government as a bid channel, never as a third vertical alongside logistics and startups.
Don't
Publish a statistic, hero number, or metric that has not been confirmed by Nicole.
Do
Feature the SOP Vault prominently — it remains the strongest differentiator across every page.
Don't
Include a founder photo or personal bio anywhere on the public site.
Section 08
How to keep the system disciplined as it extends across more pages and more deliverables.