Brand manifest — v4
Equity for expertise, in one visual language.
One wedge, one preset taken whole — a taupe base seasoned with its pink chart ramp — and the hairlines that hold it together. Nothing that implies more than we can put in a document.
Logo
The droplet gives up a slice.
An ink droplet with a 60° wedge struck from its centre, and that wedge in chart-2 — half in, half out of the cut it came from.
The slice never moves, rotates or changes size relative to the droplet. If the icon is present the wordmark sets plain, with no full stop after GetSweaty — the slice only follows the wordmark when the icon is absent. Never both in one image.
The slice is the only pink in the mark, so the droplet never is: ink on a light surface, white on a dark one. The one field the mark cannot take is chart-2 itself — on anything else in the preset, the slice still reads.
The wordmark is Inter 500 — the name sets in the face the product itself is set in, not in the louder one the headlines use. Space Grotesk keeps display and headlines.
Mark, wordmark and the space between them all derive from one size — 0.917, 0.92 and 0.25 of it — so the lockup only ever scales as a single piece. None of the three is set by hand.
Keep the height of the “G” clear on all four sides. Minimum lockup width is 120px digital and 30mm print; the mark alone goes to 24px.
Colour
One preset, taken whole.
The palette is the shadcn preset b43gJuGzA — Base Nova, taupe base, pink charts. Every value below is a literal token from it. Nothing is mixed, tinted or sampled by eye, and there is no sixth colour waiting to be invented.
The base
Primary
--primary
Every button, fill and marker. The action colour is ink, not pink.
Foreground
--foreground
All headline type, the header and footer bars, and the pressed state under primary.
Background
--background
The default page. Structure comes from hairlines, not from boxes.
Muted
--muted
Quiet sections and every wash. The only tint the white page takes.
Ring
--ring
Hairline emphasis, and the one colour that carries a large flat field beside white.
The seasoning
The preset’s five chart steps are the whole of the brand’s colour. They season a taupe page — they do not run it. Which step goes where is settled by contrast, not by taste: chart-4 wherever pink has to be read, chart-2 wherever it only has to be seen.
Chart 1
--chart-1
Links and labels on the near-black page, at 10.8:1. Hairline rules on a wash.
Chart 2
--chart-2
The slice and the headline mark. 3.6:1 on white, so as type it is only ever set at 24px and above.
Chart 3
--chart-3
Held in reserve. The middle step is part of the preset but nothing on the site claims it yet.
Chart 4
--chart-4
Every link, label and figure below 24px, at 5.9:1 on white. The workhorse of the ramp.
Chart 5
--chart-5
Link hover, and pink at depth as a field — never as type on white.
Support
- Primary foreground#FBFAF9 · --primary-foreground
- Border#E8E4E3 · --border
- Muted foreground#7C6D67 · --muted-foreground
- Secondary, dark#2B2422 · --secondary
- Destructive#E7000B · --destructive
- Destructive, dark#FF6467 · --destructive
The base is ink
Primary is #1D1816, so every button, fill and marker is ink. Pink is never the action colour — that is the single change this preset makes to how the site used to look.
Pink is a seasoning
Under 5% of any screen. #F6339A is a graphic colour: as type it holds 3.6:1, so it is only set at 24px and above. Below that — every link, label and figure — use #C6005C at 5.9:1 on white.
One field per surface
A page is white or muted, plus one flat field — primary, taupe or chart-5. Never two fields at once, and never a field that is not in the preset.
Elements
Buttons
One primary per view. Text-only tertiary links are Inter 600 uppercase.
Data card
Your stake
4.5%
vested over 12 milestones
Hairline border, no shadow, no fill. Figures in chart-4, context in muted foreground.
The wedge, alone
One shape, four jobs
Lifted out of the lockup, the 60° slice is the only ornament the brand needs. It closes a headline, opens a list item, ends a rule and marks a step — always chart-2, and always at this angle, with the single exception noted below.
- Full stop
- Equity for effort
- Bullet
- Vesting on the milestone, not the calendar
- Terminal rule
- Step marker
The step marker is the one place the angle moves. Everywhere else the 60° cut is identity, so rotating or resizing it would simply make it a different mark. In the marker the angle is the only thing carrying meaning — how much of the list is behind you — and a fixed wedge repeated five times is a bullet, not a marker. A new use may move the angle only with a reason that specific.
At poster scale the mark is drawn as its own construction — the circle the droplet resolves into, the two radii that strike the wedge, and the notch it leaves behind. Enlarging the filled logo just makes a bigger logo; structure here comes from hairlines.
Voice
We say
“A 0.25% slice, vested over four milestones, starting with pricing.”
Short sentences. Real numbers. The thing itself, named.
We don’t say
“Unlock exponential growth with our world-class advisory ecosystem.”
No hype, no hustle-speak, no promises we can’t put in a document.