Skip to content

Cloaked Design SystemWelcome

Make privacy
feel simple.

The foundations, components, and thoughtful details behind a recognizably Cloaked experience. Made for people and the agents building with them.

Implementation preview

Get started Build with an agent

Help shape the source of truth.Try a review task

Calm by default.Clear at every step.Built from one source.

THE SYSTEM, IN CONTEXT

Good parts.
Better together.

A useful design system helps you make the whole experience. Try a protected-email flow, from the first field to a clear confirmation.

Explore this pattern

Field Input Button

Local demonstration. No address is created.

Live exampleReact · shared implementation

Try the controls. Your changes stay in this example.Open example

01

Start with what you need

Move from a design decision to a working, accessible experience.

Give every color a job.

Choose a semantic role. See the value, theme, and context together.

Explore color COMPONENTS

Understand every choice.

Try the behavior, learn the anatomy, and take the same code with you.

Explore Button FOR AGENTS

Keep the intent intact.

Read bounded contracts with component APIs, constraints, and provenance.

02

One definition. Every expression.

This preview begins the move to design-owned components, guidance, and examples.

DESIGN REPOSITORYComponents + tokens + guidanceVersioned together

Documentation Understand the decisionsStorybook Explore the real componentsAgent contracts Implement with context

The complete visual library is here.

66 components and 476 named stories, including Foundations, are built locally. 3 curated contracts and 63 source-derived contracts are available to people and agents. Source-derived coverage does not establish review approval.

Browse all components

Implementation preview

This design-owned implementation is ready to try and review. It does not establish product approval. Imported specifications retain their original review status.

Inspect version 0.2.0-preview.1