Systems
1 disciplineA four-tier design system documented live at /design-system/. Brand, Foundations, Components, Sections. The Brand tab is not a PDF — it is the brand spec rendering itself: palette with hex, Pantone, and role; type specimens at four weights; logo lockups against the right ground; tone and voice as live writing rules. Foundations covers tokens and the spacing scale. Components: 7 primitives, 48 UI components by category. Sections: 74 patterns plus 9 page templates.
- system · Auto-generated from the component registry. Brand documentation reads from the same PHP spec the patterns render against. Brand · Foundations · Components · Sections.Live design system reference ↗
- feature · Serializes the entire registry for AI, design tools, and headless consumers. CORS allowlist controlled per origin.JSON registry API ↗
- feature · WordPress admin page under Appearance. Editor overrides for logo, contact, address, LinkedIn, accent color. Defaults stay in code.Brand Settings admin
Digital Product
5 shown / 5 totalLong-scroll homepage on a seven-section spine: hero, about, companies, leadership, investments, news, contact. Each section uses a different pattern from the library; together they read as one continuous statement. Restrained motion, generous whitespace, dark register.
- website · Live production site. Single long-scroll homepage, seven anchored sections, dark register.velocity-one.com ↗
Custom WordPress Full Site Editing theme on Tailwind v4 with shadcn semantic tokens. Brand identity codified as a PHP spec (brand-config.php) that every pattern reads from. Three custom post types (Company, Team Member, Testimonial) with admin columns and editor meta panels. AI hooks wired into the publish flow for alt text, summaries, SEO, and content embeddings. Headless-ready: registry serializes to JSON, content exposes over GraphQL.
- production · Full Site Editing theme on Tailwind v4 + shadcn semantic tokens. Block patterns auto-discovered from /patterns/. theme.json drives the editor; brand-config.php drives the front end. GitHub Actions deploy to cPanel.WordPress FSE theme · velocity-one
- feature · Single PHP source of truth for identity, palette (named roles), typography, voice rules, photography direction, and CTA style. Patterns and the /design-system/ documentation read from the same file.brand-config.php · the brand spec as code
- feature · Three CPTs with admin columns, custom meta panels, and pattern bindings. The site is content-managed without touching block layouts.Custom post types · Company, Team Member, Testimonial
- feature · On publish: alt text drafts on any image missing it, 160-char summary writes for social/SEO, meta description and OpenGraph card suggestions surface in the post sidebar, content embeds into a vector index for site search. Hooks are provider-agnostic filters — connect Claude, OpenAI, or a local model.AI publish pipeline
- system · Four-tier registry rendered against the same patterns the site renders. Private by default, allowlistable for headless consumers. JSON API at ?format=json./design-system/ · auto-generated reference ↗
Photography & Film
6 shown / 6 totalPhotography direction codified inside the brand spec. Cinematic and abstract over generic manufacturing. Materials, scale, technology. Hard edge, soft shadow. Hero compositions carry a muted gradient overlay so the navy holds the screen. The image library is curated against the spec; future shoots inherit the rule.
- document · Direction lives inside brand-config alongside palette and voice. Patterns reference it; new shoots inherit it.Photography direction (in brand spec) ↗
- production · 28 curated scene compositions plus a defense and manufacturing photo set. Three hero footage clips ship with the theme as MP4 with poster frames.Cinematic library
Once the system exists, the site builds itself.