Velocity One
The new shape of an agency website.
Design system as the leverage. Brand as the spec. AI in the publish flow. Velocity One is the first build out of the studio with all three wired up end to end.
One long scroll. Seven sections. No filler.
Hero, About, Companies, Leadership, Investments, News, Contact. Each section uses a different pattern from the library; together they read as one statement.
The homepage, section by section.
The full page first, then each anchored section in sequence.
The brand is one PHP file the patterns read from.
brand-config.php holds the palette, the type families, the photography direction, and the writing rules. The patterns render against it. The /design-system/ docs render against it. Move the accent color in one place, the entire site shifts.
Design System
Asurmen Blue. Bright Orange. Quiet authority.
Velocity One arrived with an identity. We codified it. Navy carries 70% of the surface, neutrals fill 25%, orange takes 5%. The ratio is the discipline, and it lives in brand-config.php.
Color Palette
Asurmen Blue
Primary · PMS 7546, authority and depthAsurmen Deep
Primary · Hero overlays and dark surfacesBright Orange
Accent · PMS 143, hover, CTA, graphic highlight at ~5% ratioBattleship Gray
Secondary · PMS 403, stabilitySilver
Secondary · PMS 413, sophisticationMist
Background · Light surfaceWhite Smoke
Background · Soft contrastWhite
BackgroundInk
Neutral · Near-black for type on light surfacesContrast Pairings
How the palette colors perform together: text on surface combinations ranked by contrast ratio.
Aa
White
Aa
Ink
Aa
White Smoke
Aa
Ink
Aa
Mist
Aa
Ink
Aa
Asurmen Deep
Aa
White
Aa
Asurmen Deep
Aa
White Smoke
Aa
Asurmen Deep
Aa
Mist
Type System
Inter
Inter · running copy, navigation, UI. Holds the screen from 13px caption to 22px lede.
Mencken Std
Mencken Std · section heads and editorial pull statements. Carries the institutional register.
Space Mono
Space Mono · section folios, ledger labels, eyebrows. The data voice.
Foundation
The brand’s first principles: what it believes before it speaks.
Descriptor
Aerospace and defense holding company backed by Charlesbank Capital Partners.
Founding Belief
Every part must perform.
Velocity One acquires and operates specialized aerospace and defense component manufacturers, keeping the companies, the people, and the production lines running under capable ownership.
A Full Site Editing theme with the system built in.
Tailwind v4, shadcn semantic tokens, theme.json. The editor sees the system the same way the front end sees it. 89 block patterns auto-discover at boot; adding a section is one file.
The /design-system/ reference generates from the same registry the patterns render from: 7 primitives, 48 components, 74 section patterns, 9 page templates. The homepage uses about a dozen. The rest are inventory.
Once the system exists, the site builds itself.
AI in the theme, not bolted on.
On publish: alt text drafts itself, a summary writes for social and SEO, meta suggestions surface in the sidebar, and the content embeds for site search. The editor sees one button.
AI carries the volume. The studio carries the judgment: the spec, the pattern library, the photography direction, the writing rules. Those come out of the room with the client, not out of a prompt.
You're in capable hands.
Industrial calm, kept clean over time.
Dark register, restrained motion, no promotional language. The site has to convince a founder considering a sale that their company will be in capable hands. The system carries that brief into every section, and keeps carrying it as the operating team publishes.
Everything this brand is made of.
The marks, the palette, the type, and the designed work that carries them. One source feeds the live brand and this wall. Click any tile to open it.
Hero · cinematic composition over Asurmen DeepWeb DesignAbout · mission statementWeb DesignCompanies · operating unitsWeb DesignLeadership · operator gridWeb Design
Contact · branded amber bandWeb Design
Aerospace · cinematic compositionArt Direction
Manufacturing · heavy machineArt Direction
Turbine · close compositionArt DirectionDefense · fighter at departureArt DirectionPilot · helmetArt Direction
Silhouette · sunsetArt Direction
