⌘

Try now

Join the waitlist

Agency partners

Your clients. Your expertise. Your recurring revenue.

Bring Eden to your clients. Set up their design systems, then give them a place to keep improving them.

Become a partner

For teams

Agency Partner $199 a month, first client included · $199 a month for each client you add

01 · You and your agent

Designer and agent, on the same page.

Ask your agent for a change, or make it yourself. Nothing ships until you say so.

Why it works

Your design system takes part in the work.

Most tools treat a design system as a library of tokens and parts. In Eden it’s an active participant: the Hub keeps what your business knows, your agent designs with it, Studio edits through it, and every change stays on it. You stay in charge without writing code or engineering prompts.

01

Foundation

Design decisions, not raw values. Color roles, type styles, spacing steps and modes, each named for what it means. Change a decision once and everything built on it follows.

02

Registry

Components that know themselves: their parts, variants, states and behavior, and the rules for when to use them. Your agent reads all of it before it builds.

03

Studio

A canvas that understands both. The rail offers your tokens and each component’s real options, so every edit, yours or your agent’s, lands on your system.

04

Hub

What your business knows: brand, tone of voice, clients and decisions, and who on your team can change what. Your agent checks in with it before it builds.

What’s inside

Everything Eden gives you, in six parts.

A starter system, yours to shape.

Atoms, components and sections

Eden starts you with a working library: buttons, fields, cards, headers, heroes and more. Your agent reaches for them first, so what it builds is consistent from the first page.

A Foundation you control

Colors, type, spacing and radii live in one place. Change a value and everything built on it follows.

Ask your agent to change it as you make decisions, and it changes the Foundation, not one page.

A Foundation from a live site

Your agent reads a site’s colors, type and spacing into a Foundation, and shows you what it matched and what’s still open.

Color modes

Give any section a Color mode from the rail: Light, Brand, Subtle or Dark, or Auto to pick the one that reads best. Each mode’s colors are your tokens.

Desktop and Mobile

Both boards sit side by side. An edit on Desktop shows on both; an edit on Mobile stays on Mobile, and Reset brings back Desktop’s value.

Section edges

Coming soon

Give a section’s edge a shape: curves, scallops, waves and angles, with the depth and count you set.

Print mode

Start a print project and design flyers, cards and posters at real paper sizes, with bleed, safe zone, crop marks and die cuts, on the same grid and tokens.

Export a PDF, or PNG, JPEG and TIFF up to 600 ppi, in CMYK when a printer needs it.

Contrast, kept readable

Set a section’s Color mode to Auto and it takes whichever mode reads best on its own fill.

Health lists any text or icon below WCAG AA contrast on the page, so you can fix it with your own tokens.

Make them, vary them, keep them consistent.

Three ways to make one

By hand on the canvas, by asking your agent, or by capturing one from a live site.

Capture from any site

Capture foundation and components from live websites and make them your own.

Pick a card, a banner or a menu on a live site with Eden’s capture tools. Bring it in as it is, or rebuilt from your own components. Nothing joins your library until you approve it.

Edit the master

Change the master and every copy follows, on every page.

Variants

Sizes, states and styles side by side, each designed for Desktop and Mobile.

Drafts

A new component starts as a Draft you can still shape in place. Approve it and it becomes the master.

Vibe code, then design. Same file.

Prompt the running page

In Live the real page runs. Hold on anything to point at it and say several changes at once. Studio makes what it can right away, and the rest goes to your agent.

Fine-tune on the canvas

Press ⇧⌘E and you’re back on the canvas, on that page. Adjust padding, type, color and layout by hand, on your tokens.

Active prompting

Select a section, turn on Listen and say “Eden, make the hero darker.” The change lands on what you selected.

Real code

The page is plain HTML, CSS and JavaScript in your project. There’s nothing to export.

Try things without breaking the system.

Free while you explore

An exploration stays an exploration until you commit it. Then every value is one of your tokens.

Mood boards

Built from your references and context. Tune it, edit it, then use it as your Foundation.

Bring it back

Keep what works: approve a Draft into your system, or propose the change to your Foundation for whoever owns it.

Advanced component management.

Locks and permissions

Lock what’s approved. Only the roles you choose can change it; anyone else can propose a change.

History

Every saved version of a component is kept. Look back through its changes and restore any of them.

Tags, kits and rules

Tag components and gather them into kits, so you and your agent find the right one fast.

Write when to use a component and what to avoid. Your agent reads the rules before it builds.

Effects you can’t draw by hand.

Shaders and liquid metal

Live shaders, like liquid chrome that follows the cursor, each with presets to start from and controls in the rail.

Gradient mesh and image effects

Moving mesh fills, and effects on your own pictures: duotone, pixels, glitch and more.

Studios you share

Coming soon

Make a studio your own, share it with other designers, and change theirs in your own Studio.

01 · For your clients

Build it for your clients. Help them grow it.

01

Each client is its own business.

Its own Foundation, components, files and projects, kept apart from your other clients. The client owns the work.

02

One library across your agency.

Build a component once and use it for every client, styled to each one’s Foundation. Coming soon.

03

A place to keep improving.

Clients come back to Studio with you for new pages, new features and a growing design system. You decide what to charge.

02 · Your clients own their work

Own your design. Evolve it forever.

01

Clients own their work.

Pages, code, Foundation and components belong to the client, as your agreement with them says.

02

A living design system.

It isn’t a deliverable. Clients keep improving it with you: new pages, new features, more components.

03

Access, never a lease.

Their subscription pays for Studio, the Hub and hosting. Never for the right to their own work.

03 · Who does what

Eden provides the environment. You provide the expertise.

01

Eden provides.

The platform and its hosting.

Security, updates and fixes.

Documentation you can share with clients.

02

Your agency provides.

Onboarding and training.

Foundations, components and pages.

Design direction and client support.

03

Not in the plan.

Personal support or an account manager.

Custom implementation.

One-on-one training.

Plans

Pay as your agency grows.

Agency Partner is $199 a month with your first client included. Each client you add is $199 a month, and you decide what your clients pay.

Agency Partner

$199

A month

Your first client is included.

Bring Eden to your clients and build a recurring service around their design systems.

Your partner account

Your first client’s business included

More clients at $199 a month each

Each client’s own Foundation, components and projects

All your clients in one place

You set what your clients pay

Your clients own their work. You bring the expertise.

Become a partner

Other plans

Designers

Free. One designer, every Studio tool, client work included.

See Designers

Team

$300 a month. One business, its whole team on one shared system.

See Team

Brand / Corporate

Priced with you. Several connected businesses and brands, one shared component library.

Talk to us

Prices are monthly. Eden doesn’t sell AI usage. You use your own agent, like Claude Code, on your own subscription.

Questions

What is the Agency Partner plan?

$199 a month, with your first client included.

Each client you add is $199 a month. Every client is its own business on Eden, with its own Foundation, components, files and projects, and your agency manages them from one place. You set what your clients pay, and your clients own their work.

How is Agency Partner billed?

$199 a month, with your first client included.

Each client you add is another $199 a month: two clients are $398, five are $995. There are no seats and no project limits, and one bill covers your partner account and every client.

Can we charge our clients for Eden?

Yes. You decide what your clients pay.

Bundle Eden with your design services, as a retainer or however you work. Your clients own the work you make for them, and their access to Eden is an ongoing software subscription.

Who owns the designs we make in Eden?

Your business does.

Your pages are HTML, CSS and JavaScript, and your Foundation, components and design system are your business's, as your agreements with any agency say. A subscription pays for Eden's tools and hosting, so you can keep improving them. It never pays for the right to your own work.

What happens if a client leaves our agency?

The client's business stays theirs.

Its Foundation, components, projects and files belong to the client. They can continue with Eden directly or with another partner, and your agency's access ends. Nothing they own is deleted.

What does Eden handle, and what does our agency handle?

Eden provides the platform: hosting, security, updates and fixes, and documentation you can share.

Your agency provides the services: onboarding and training, Foundations and components, design and direction, and support for your clients. Personal support, account management and custom implementation aren't part of the plan.

Own your system. Enable your agents. Give designers back control.

Join the waitlist

⌘ Eden

Terms and conditions

Privacy

Built by artofthecart.com

Founded by Joshua Vizzacco