Interfaces that read naturally. Start with Foundations to explore the rules behind text, space and structure.

Try the Components, see how they work together in Patterns, and explore their transitions in Motion. When you’re ready, Install with AI brings them into your project.

Foundations

The shared rules behind the interface.

Introduction
Text and documents
Reading rhythm
Three-surface layout
Icons
Interaction states
Token reference

Introduction

A system for interfaces that read naturally.

Aa 18 / 28

Reading rhythmType and space, in step.

TokensShared values, from the source.

Your nameYour nameContinueContinue

ComponentsWorking examples and reusable code.

Three surfacesOrientation, navigation, content.

MotionResponses that keep your place.

<ReadingList /><ReadingList />

Install with AIBring the pieces into your project.

Work System Writing

Let’s talk

What do you have in mind?

Name (required)

Email (required)

Message (required)