Design systems studio

Systemised design for complex products

Pebble Interactive designs and builds for domains where detail compounds — tokens, components, and documentation that hold up as the product grows.

What we do

Design systems

Token architectures, component libraries, and the tooling that keeps design and code in lockstep — from CSS variables up.

Interactive product design

Prototypes and production interfaces built with real components, so what you sign off is what ships.

Front-end engineering

Accessible, performant React and Astro builds that treat the design system as the source of truth.

AI-generated prototypes

Working prototypes generated with AI on top of Grade — real components and real tokens, so an idea becomes a testable product in hours, not weeks.

Where we work

SaaS·Mobile apps·Websites·Medtech·Fintech

From product interfaces to marketing sites — including the regulated, detail-heavy worlds of medtech and fintech, where consistency and accessibility aren't optional.

How we build

An AI-first studio

AI runs through how we work — from first prototype to production code — with a design system keeping every generated screen on brand.

ClaudeOpenAICursor
Our design system

Built on Grade

We produce and maintain Grade, our own open design system — the token architecture, component library, and AI-assisted studio behind everything we ship.