Rules
Your design decisions, followed by every AI tool
Turn your design decisions into rules, and every AI tool you use follows them, as strictly as you decide.
Rules in action
Same prompt. Generic, or on-brand.
Both outputs below came from the same prompt. The only difference: three rules, written in plain language.
Generic output
Sign Up Form
Please enter your information in the fields below to proceed.
Email
No rules
Branded output
Create account
Enter your details to continue.
Email
- Body text meets 4.5:1 contrast.
- Never use a placeholder as the label.
- Button labels say what happens, in sentence case.
Rules for every part of your brand
Curated from the world’s best design systems. Keep what fits, change what doesn’t, or start from scratch.
AaBritti Sans
Radius 0.5rem
Styles
Your color, type, spacing, and radius, and how your brand uses them.
Save changesCancel
Usage
How your components and blocks go together, so AI tools use them correctly.
Error: invalid inputThat email is already registered. Sign in instead.
Voice and tone Pro
How your product speaks, from button labels to error messages.
Email addressyou@example.com
Contrast 4.8:1Accessibility
Contrast, labels, and focus states applied as the UI is generated.
Only the rules the task needs
No context dumps and no burned tokens. The same task always gets the same rules, so your AI tools stay focused.
Lower token burn
We load only the rules each task needs, never the whole system. This cuts token burn and keeps your AI tool's context window lean and focused.
Consistent in every AI tool
Your rules live in one place and every connected AI tool reads from it, so Cursor, v0, and Claude Code all build to the same standard. No tool drifts.
Edited wherever you work
Change rules in the app, with the agent, or straight from your AI tools over MCP. Edit a rule in v0, and Claude Code follows it on its next prompt.
You write
Make sure text lines never get too long
Enhance
Enhanced
Keep body text line length at or under 70 characters.
DoRecommendedDiscardApply
Enhance Pro
Rough rule in, precise rule out
Precise rules work harder: they apply faster, burn fewer tokens, and need less back-and-forth. Write a rule however it comes to you and the agent tightens it into a clear one with the right type and importance, ready to review and apply.
Manage the whole system
Set it up for every team that builds on your brand, and roll back anything you change.
Brand215 rules · 38 styles
Marketing1 override
Product1 override
Internal toolsNo overrides
Every team builds on-brand
Your brand holds the base rules and styles. Marketing, product, and internal tools are each a project that layers its own changes over the top, so a team can differ where it needs to without leaving the brand.
- Contrast rule set to RequiredCurrent2 hours ago
- Added voice and tone rulesYesterdayRestore
- Primary color updated4 days agoRestore
Version history for your design system
Every change to your rules and styles is saved as a version. See what changed and when, and restore an earlier version in a click.
A rule is more than a note
Structure is what turns guidance into something your AI tools actually follow. Every rule has a type: a Do, a Don’t, a Caution, or an Info. An importance: Required, Recommended, or Optional, so you decide how strictly it is applied. And room for a heading and the reason it exists, so the next person knows why.
Input component
Never use a placeholder as the label.
Type
DoDon'tCautionInfo
Importance
RequiredRecommendedOptional
Turn your design decisions into rules every AI tool follows
Keep exploring
Styles
Your color, type, spacing, logo, and icons, ready for every AI tool you connect.
Agent
Describe a change in plain language and preview before it applies.
Connections
Connect your rules to Cursor, Claude Code, v0, Codex, and Figma Make.