Syvon
Programmable Brand System
Give your coding agent a design system. Every output on-brand, by construction.
Syvon Studio is the programmable brand system for agencies, studios and in-house brand teams. Bring your brand, files, templates, data and context into one workspace, then work with Claude Code, Codex or the coding agent you already use — and get finished, on-brand work back across formats: documents, reports, presentations, graphics, web, motion.
I designed and built it, and it is the system the rest of this site runs on.

The problem
Your AI can make almost anything. Making it look right still takes work.
Your brand, files, data and context live across different tools. Your agent can use them, but every output starts becoming its own thing: plausible every time, on-brand some of the time. Pull the handle enough and one lands. That is not a production system — it is a slot machine with a design brief taped to it.
- On-brand by construction, not by probability. The brand is enforced at render time, not hoped for at prompt time.
- The enemy is probabilistic generation. A brand that survives only when someone checks the output is not a brand system, it is a review queue.
- Leverage, not design. What a team actually buys is the ability to ship without rebuilding the context or the design every time.
Syvon Studio
Give your AI a design system.
Studio is one workspace that holds everything your agent needs: brand, files, context, templates and data. Bring the coding agent you already use, point it at the workspace, and it can understand, transform and make something from it — with the design system active underneath the whole process.
- Preview in HTML. Every piece renders live, so you see the designed result, not a description of it.
- Build with code. Layouts, motion and sequences are real, editable files your agent writes and refines, not one-shot renders.
- Design with context. Templates and brand tokens sit in the workspace, so one context carries across every format without being rewritten for it.
FormatKit
Brand enforced at render time.
FormatKit is the parametric, React-based design language underneath Studio. Every output renders inside a constrained, brand-locked format, so an agent cannot produce something off-brand — the format will not express it.
- Colour and type come from the brand. Every value is a token, never a literal, so the work follows the brand the day the brand moves.
- Workflows are brand-agnostic. Brand context is a separate layer, so one template runs across any brand without being rewritten for it.
- Three layers, one surface. The Design Language is the brand's body, the Reasoning Layer its mind, the Delivery Layer its voice in the world — all operated from the Workspace.
The products
One brand system. Three ways in.
Everything sits on the same underlying brand system. Studio is where you build with your own agent; Surface is the brand agent that keeps your context active while you create; Agents are the everyday problem-solvers built on top.
- Studio — live. The maker surface, on desktop. Use your own Claude Code or Codex subscription. From $20/month for documents, reports, presentations and graphics; Studio Pro at $80/month adds video, motion and generative workflows.
- Surface — for teams. Give it the objective. Drop in guidelines, decks, references and strategy; it organizes them into a working brand context and returns brand-ready work across image, video, social, presentations and documents.
- Agents. Everyday problem-solving agents, and the tooling to build your own on your brand system.
The thesis
Think once, ship forever.
A brand is a production system, not a document. Decide the thinking once — the language, the logic, the guardrails — and the system carries it across every format, at volume, without drifting. Your AI already has the power. Give it somewhere to create.