How it works

From first sketch to a site that ships

Four focused steps take a project from rough idea to a launch your whole team can keep editing.

  1. Step 01

    Map every page before you touch a pixel

    Start with a shared sitemap and content outline. Everyone agrees on structure first, so design time goes into the details that matter.

    Explore the planning kit
    Hands arranging colourful sticky notes on a whiteboard during a planning session

  2. Step 02

    Compose sections from one shared library

    Drag in headers, feature rows and pricing tables that already follow your tokens. Every block stays editable, down to the last label.

    Browse the library
    A small team gathered around laptops, sketching layouts together

  3. Step 03

    Tune the tokens once, restyle everything

    Colours, type scale and spacing live in one place. Adjust a value and every section follows, from the hero to the footer.

    See how tokens work
    A laptop on a desk showing charts and design metrics

  4. Step 04

    Launch with confidence, then keep iterating

    Accessible markup, container queries and fast pages come built in. Ship on day one and keep improving without a rebuild.

    Start your first project
    Colleagues reviewing a finished website on a large monitor