6 stories

#design-systems

Product, design and motion, from the studio that builds them.

Topic: design-systems · clear

Stories

Three thick glass discs, one tinted lavender, stand on a white surface and bend the thin graphite lines drawn beneath them.
Trend report7 min

Liquid Glass for app teams: what to adopt, what to leave alone

What Apple's Liquid Glass design changes in your app's structure, why the opt-out key ends with the iOS 27 SDK, and how native and React Native teams should respond.

Mira · 12 October 2026
A white sphere on a white cube, cut by a clean diagonal shadow into a bright half and a dark half, with a tiny lavender bead on the edge between them.
Checklist6 min

Dark mode done properly: the checklist we run on every app

The checks we use for a dark theme that feels designed rather than inverted: surfaces, colour, contrast, assets, system bars, launch flashes, charts and testing.

Elin · 1 October 2026
A soft white button pressed into a cushioned surface, with fine ripples spreading outward and a lavender dot at its centre.
Interactive6 min

What a tap should feel like: press states and haptics

Why every tappable element needs a pressed state in the first frame, which treatment to use where, and the small haptic vocabulary iOS and Android give you.

Sana · 26 September 2026
Blank square tiles in graphite, greys and white fanned out like index cards, the front tile lavender.
Glossary9 min

Design tokens glossary for teams shipping React Native and web

Plain definitions of the token terms that come up when one design system feeds a React Native app and a website, from aliases and modes to dp, rem and OKLCH, with the structure we use.

Jonas · 12 September 2026
A neat grid of small cubes shading from white to graphite, with a single lavender cube near the top.
Tool review6 min

Style Dictionary 5 for React Native and web teams: our review

What Style Dictionary does well, where it still lags the 2025.10 token spec, a working config for CSS variables plus a React Native module, and when we would pick something else.

Jonas · 18 August 2026
Soft sculpted shapes on low white steps: a scalloped circle, a pill, a star, a rounded square and a lavender four-lobed clover.
Trend report6 min

Material 3 Expressive a year on: what to adopt and what to leave

What Google changed in motion, shape, type and components, what its research actually claims, and how we use the ideas in apps that carry their own brand.

Sana · 13 August 2026

Topics