Fractal Agentic Design OS
One system for every product and touchpoint.
Visit live sitefractal-ui.vercel.app (opens in a new tab)
About the project
I designed Fractal Agentic Design OS, one system that powers Validation Cloud's whole product line (Node API, Staking, Mavrik Data x AI, Faucet and the Admin Portal) and every touchpoint around it: the websites, sales and marketing decks, slides and social posts.
As the first design hire and sole designer before 2025, I built it from the ground up, from logo, colour, typography and iconography to components and page templates. In 2026 I made it agentic: AI addressable and machine readable, so the system itself can assemble each output below, on brand, for anyone on the team.
Role: Founding Product Design Lead
Contribution: Design system architecture, visual identity foundation, atomic component framework, Bento layout strategy, agent ready system restructuring, cross product standardization
- Company
- Validation Cloud
- Starting point
- A Figma design system and a React codebase
- Services
- AI prototyping skills for the components and patterns the React codebase didn't cover, across products, websites and every touchpoint
- Year
- 2023 - 2026
Outputs
7 things one system ships
- 01
Website
The homepage and Mavrik product page, built from the system: black and white, colour and gradients kept for CTAs and highlights, light and glass for a technological feel.
02Slides
Through an internal Claude Skill, the BD and Marketing teams make on-brand slides on their own.
03Deck
Sales and business development decks in the system's visual and verbal identity.
04UI Kits
Atoms, Molecules and Organisms, shared by every product in the line.
05Branded Component Library
Bento-inspired modules in the brand's light and glass, composing across very different products and personas.
06Ship Product MVP
Mavrik: Data x AI, shipped on the system from concept to v3.0.
- 07
Product Prototyping
Components, patterns and layouts called and assembled by AI, for fast prototypes and automated workflows.