Tutorials

Learn by building. Start with a small screen, then build a polished control panel from plain shapes.

Design as Craft

The tutorials teach the techniques of the Welcome to Clate! example: exact values, depth from shadow shapes, and controls built from a few plain shapes. See Design as Craft.

Tutorial: Your first design

Build a screen with a frame, a card, a circle, and a title, and line things up.

Tutorial: Build a control panel

A raised panel with a shadow, a pill button, a slider, a ring gauge, and a row of round controls.