One restrained kit — ink, warm paper, a single bronze accent; a display sans, a text sans,
and a mono for fine print. Everything on the marketing site is assembled from the tokens and
components documented here. Built to feel considered, not decorated.
00
Principles
Three rules that keep every page coherent. When a decision is unclear, these break the tie.
01
Restraint over decoration
Three colors, three typefaces, hairline rules. Whitespace and type do the work — no gradients, no shadows-for-effect, no ornament.
02
Evidence over adjectives
Numbers carry the message. A single large metric beats a paragraph of claims. Emphasis is a weight change, never an italic.
03
Editorial structure
Mono labels, numbered sections, a leading rule. The page reads like a well-set document, not a brochure.
01
Color
A three-color core plus warm-paper tints and ink-alpha rules. Bronze is an accent only — used for emphasis, never for large fills outside the logo tile.
Foreground · text · UI
Ink
#14161A
Background · canvas
Paper
#F4F1EB
Accent · emphasis only
Bronze
#8A6B3E
Core palette · 3 colorsVP Solutions
Paper
Paper-2
Paper-3
Ink-2
Ink
Bronze-2
Surface tintsF4F1EB → 14161A
.06
rule .10
rule-2 .18
muted-2
muted
bronze-soft
Ink-alpha · rules & texthairlines
02
Typography
Geist for display, DM Sans for text, JetBrains Mono for labels and fine print. Emphasis is rendered with a heavier weight in bronze — never italic.
Geist Display — hold up
DM Sans · running text and UI
JetBrains Mono · [labels & captions]
Three familiesGeist · DM Sans · Mono
Display / XLGeist 600 clamp 48–112px -0.035em
Salesforce work that holds up.
Heading / H2Geist 600 clamp 36–56px -0.02em
Two practices, one operating principle.
LedeGeist 500 19–22px 1.5
A CTA-led consultancy for organizations that want their platform to actually work — not just look modernized.
BodyDM Sans 400 14–16px 1.55
Every engagement is led by a senior practitioner with a decade-plus on Salesforce, and reviewed by a Certified Technical Architect before it ships. The work we sign for is the work we do.
Label / MonoJetBrains 500 10–11px 0.22em · upper
[03] · Selected work
Type scaledisplay → label
03
Spacing, radius & rules
An 8px base scale governs rhythm. Sections breathe at 120px; cards at 32–40px. Radii stay small — this system squares its corners.
s-2 · 8px · inline gap
s-4 · 16px · stack
s-5 · 24px · card gap
s-6 · 32px · card pad
s-8 · 64px · column gap
s-10 · 120px · section
Spacing scale · 8px baserhythm
4px · cards
6px · panels
pill · buttons
rule .10 — default hairline
rule-2 .18 — emphasis border
Radius & rulessquared
04
Components
The assembled parts, rendered from the live components. Buttons, labels, the metric card, the article card, the credential card, and form fields.
Recurring compositions. The section header — a mono label column beside a display title and lede — sets the rhythm for every page.
[03] · Selected work
A hundred engagements. Three on the record.
Most of our work is under NDA. Here's a representative slice — the kind of problems we
tend to solve, and the outcomes we measure ourselves against.
Section header.section-head
06
Motion
One gesture: a quiet 18px rise + fade as content enters the viewport. 0.7s on a gentle ease. Content is always visible without JS, and disabled under reduced-motion.