— Design system audit · ClarityCounts 2.0 Homepage · Bold direction

Every visual below is mapped to an existing ClarityCounts token or component where one exists. Where the Bold direction asks for something the system does not yet hold, the requirement is called out as a GAP and proposed as a formal system addition, not quietly introduced. Five gaps identified; full write-up at the bottom of the page.

— Section → tokens/components (1:1 maps)

  • Nav barsection--dark · wordmark (logotype-china-ivory.png) · nav-cta = cc-btn--primary · rule-inverse hairline
  • Hero surface--cc-pine-tree (ink), star-china-ivory.png (rotated 15°, 8% opacity, cropped off-canvas) — 1:1 with brand canvas
  • Hero subhead--cc-t-lede · cc-w-regular · --cc-fg-inverse · italic-light counterpoint
  • Primary CTA (all 5 instances)cc-btn--primary — solid Manz on ink · identical wording: "Book the Financial Clarity Diagnostic"
  • Case-study surfacesection--light · --cc-china-ivory bg · 2px Pine Tree top rule
  • Case-study italic quotecc-w-light · italic · Pine Tree · 2px left rule
  • What-we-do surfacesection--dark · rule-inverse horizontal rules between items
  • Team photo radius--cc-radius (4px) — but used as crisp 0-radius in grid; radius applies to inner meta chips only
  • Closer surfacesection--accent (Manz) · the one Manz section on the page, per palette rule
  • Footersection--dark · --cc-t-meta · footer-brand = logotype-china-ivory.png
  • Buttons (all states)cc-btn·--primary · no scale-on-press · --cc-ease 220ms
  • Hairlines--cc-rule / --cc-rule-inverse at 12% / 18% — unchanged
  • Spacing rhythm--cc-section-y 120px desktop / 72px mobile · --cc-s-* 4-base scale only
  • Link affordancecc-link — 1px underline, 4px offset, thickens on hover

— Gaps: Bold direction needs vs system

  • GAP 01 Alert signalBrief: "red-ish alert for eyebrows/markers, sparingly." System is monochromatic-olive. Proposed: --cc-alert: #D94A1F — used ONLY as 8×8 eyebrow dot, service numbering, and arrow in the metric hero. Never as fill, never as text body.
  • GAP 02 Mono typefaceBrief: "mono used sparingly for eyebrows / metadata / tickers." System is Manrope-only. Proposed: JetBrains Mono as tertiary voice, 10–18px only, never for body or display.
  • GAP 03 Display-2xlBrief: "$14M→$20M rendered at display scale as proof hero." Current scale tops at --cc-t-display-xl (~108px). Proposed: --cc-t-display-2xl (~168px) for metric hero + closer.
  • GAP 04 Thick structural ruleBrief: "hard horizontal rules between full-bleed sections." System has 1px hairlines only. Proposed: --cc-rule-thick (2px, Pine Tree or Ivory) for section openers and team grid.
  • GAP 05 Brutalist team gridBrief: "3-column border grid of square photos." Existing team component uses flowing columns and 4:5 crops. Proposed: .team-grid — 1:1 cells, 2px Pine Tree border box, no gaps. Intro tile as ink, photos as desaturated olive tones.

Your numbers are telling you something.
Do you know what?

Financial analysis and CFO-level advisory for Australian businesses scaling past $10M.
We interpret what your numbers are saying, so the next decision doesn't rest on instinct.

Book the Financial Clarity Diagnostic

45 minFreeWritten diagnostic returned either way

— 02 / The proof · Food & Beverage Manufacturing Engagement · 18 months · Anonymised

$14M $20M+

$2M+

Net profit built after years of operating losses

18mo

From first diagnostic to the result

0

Junior handoffs. Work led personally by Will and Lee

1

Monthly advisory rhythm, the thing that compounded

"The breakthrough wasn't more data.
We had plenty of that. It was finally having clarity about what the numbers were telling us."

Chief Executive Officer ·
Food & Beverage Manufacturing

Three things we do.
We do them personally.

— 03 / How we help
— 01

Margin & profitability

Where the revenue you book is actually earning you money, and where it isn't. We rebuild the gross-profit lens your P&L was never designed to show, and we tell you what to cut, reprice, or double down on.

Gross profit Cost structure Mix & margin
— 02

Cash & runway

Working capital, cash conversion, debt serviceability, seasonal pressure points. A forward-looking view of the money, so you stop being surprised by the ledger and start using it as a decision tool.

13-week cash Covenant modelling Debt & equity Scenario runway
— 03

Forward decisions

The hire, the acquisition, the investment, the pricing change. Board-grade analysis modelled with your numbers, delivered in the week you need it, not the quarter after.

Hiring & capacity Growth planning Capex cases Strategy board
— 04 / Our team Two founders · No juniors · No handoffs

You'll only ever work with the people who built this.

Two founders.
Every engagement led personally.
No associates, no delegated reviews,
No juniors doing the interpretation.
WM

Will Masson

Co-founder

LV

Lee Valentine

Co-founder

We keep the client list deliberately small.
Not because we have to. Because the work requires it.

Forty years of CFO-grade experience across owner-led businesses, consolidated into a two-person practice.
The advisor on the call is the advisor on the file.

— 05 / The diagnostic · 45 minutes · Complimentary Yours to keep regardless of what follows

Book the diagnostic.

45 minutes with Will or Lee.
A written Financial Clarity Diagnostic returned either way. No pitch. No obligation.

Book the Financial Clarity Diagnostic Typical response inside one business day. Conducted personally by a founder.

System additions required to make this page fully compliant.

Five proposed additions to the ClarityCounts design system. All stay within the brand's Swiss-system logic: flat fills, sharp corners, zero ornament, sparing use. Nothing here contradicts the monochromatic-olive rule. The alert colour is a dot marker, not a surface.

Tweaks

Audit overlay
Hero layout
Ticker speed