Skip to main content
Build on a stocked design system from day one: components, templates, atoms and the token foundation, installed from the marketplace and ready in studio. It is a living library. We develop it continuously, new pieces arrive with updates, and your universe holds it read-only, so it is always there and never yours to maintain.
studio's Atoms screen, with the atom list on the left, a live button preview, and its label control below

The library in studio: the button atom previewing live, its controls beneath.

What ships

Atoms are the layer we manage most actively. They are the shared shapes end components compose from, so improving one improves every component built on it, yours included.

How to use it

Everything resolves by its bare name, from anywhere in your org:
  • Place a component or template as it is. A workflow can deliver card; an app can mount grid-page. No copy, no import.
  • Compose atoms into your own components with Ref. The atom carries the shape; your Ref binds the data and may override single style keys without forking it.
  • Skin it with your tokens. Every visual value in the library is a token name, so the whole system arrives wearing your brand, and a rebrand touches none of it.
Two rules keep the tiers clean, and the lint enforces both: your own artifacts never take a name the design system uses, and the design system never references anything of yours.

Read it as sample code

Every piece is a working exemplar of the platform’s own conventions, and the code is one click away. Open studio, pick anything in the Components list, and the definition sits beside its live preview. When you are unsure how to shape something, find the nearest design-system piece and read how it is built.
studio's code view showing voice-chat.yaml with its file rail of layouts and partials, and the rendered voice card beside it

The voice-chat component in studio's code view: the full definition, read-only, beside its live preview.

The same files are public on GitHub, plain YAML, no running platform needed.

Keeping it current

The design system installs and updates through the marketplace in your universe’s Studio: Install the first time, Update when a newer version waits. An update is a data change, so it is live everywhere the moment it lands, with no release of yours.

Next steps

Quick start

Build your first component beside the library.

Essentials

The grammar every artifact shares, the library’s included.