Skip to content
Skip design navigation
Etesie Alpha
Loading account
Get started

Find your way around

This is a workspace, not a specification. Every subject explains itself, hands you the exact token, and lets you change the recipe behind it — so start from the job you came with. Each task below ends somewhere the system is actually applied.

Where to go next

Pick a first task

Find the token for something you are buildingAnswer three questions and the system names the exact role and utility. → Shape the system around your productFour questions set color, type, shape and motion together. → Install the tokens in your codebaseCopy the quick-start CSS, or download the whole token tree. → Keep, compare and publish your themesPreview a saved recipe, start from a community one, publish a version. →
The workspace

What each area holds

Start here

  • Get started This page — the map, the first tasks and the install lane.
  • Make it yours Four questions that set the whole recipe at once.
  • Learn Reading orders through the guides that live in each subject.

The system

  • Colors Roles, palettes and schemes — and which one to reach for.
  • Typography The type scale, its roles, and the typefaces behind them.
  • Spacing The measurement scale every layout utility is built on.
  • Shape Corner roles, how they nest, and the silhouettes they make.
  • Motion Springs, easing and duration — and how transitions use them.
  • Components Every recipe: anatomy, live preview, part utilities and tokens.

Keep and ship

  • Themes Your saved themes and the community gallery.
  • Token reference Every resolved token, copyable, for the theme you have open.
How it fits together

One decision flows all the way to the product

1

Foundations

Recipes generate color, type, spacing, shape, elevation, motion and icons.

2

Components

Components consume semantic tokens, so customization stays coherent.

3

Your app

Vendored CSS and JSON make the decisions portable and yours.