FOR PRODUCT AND SAAS TEAMS
The brand,
in your stack.
Tokens for your framework, DESIGN.md for your coding agents, the brand in your repository, and asset URLs your app embeds.
DESIGN TOKENS
One brand.
Every format.
The tokens come from the same rules the guidelines show, so they never drift from the brand. One URL per format, from the app, the API or BrandHub.
- CSS, Sass and Less
- Tailwind CSS 4 and 3, TypeScript
- shadcn/ui, Material UI, Chakra UI
- W3C Design Tokens JSON, DESIGN.md
/* Acme, from its rules */ :root { --color-primary: #1f6feb; --color-ink: #20241f; --type-heading-font-family: "Inter"; --space-scale: 1.25; }
WHAT YOU GET
The brand, wired in.
Not pasted in.
DESIGN.md for agents
The tokens with the brand's guidance as prose, for the root of your repository, where coding agents read it.
Brand as code
Rules and pages as YAML in your repository. On Cloud, every pull request gets a check, a preview and a comment.
MCP in your editor
Cursor, Copilot, Windsurf or Claude Code read the brand's rules for a context, and check a use before it ships.
Embeds that follow
/c/{id}/h_64,f_pngin your app or docs always serves the current logo. Ship a new one and nothing needs a deploy.One API for everything
The web app has no private endpoints: anything it does, a script does, from an OpenAPI spec or the CLI.
Systems soon
Your Storybook next to the brand it serves, so people and agents build with the components you ship.
ONE COMMAND
Connect your agent.
Pick what it may do.
One MCP URL, a consent screen, and a key bound to you: Read, Suggest or Edit, never more than you can do.
$ claude mcp add --transport http artbucket https://{your-server}/api/v1/mcp
$ npx skills add pwnera/artbucket
$ curl -H "Authorization: Bearer $KEY" \
'{your-server}/api/v1/brand/tokens?format=tailwind' > brand.css
✓ brand_rules, check_use and rendition_url in your editorREAD MORE
For the people
who ship the UI.
NO MORE HEX CODES IN SLACK.
Wire the brand
into the build.
Free in the beta, API and MCP included.
Start free in the beta