Formiq

Independent project · Demo

An interactive design playground with exportable tokens.

Demonstration with synthetic data. No client deployment or business results are claimed.

Open working demo
Formiq: Interface screenshot from the working original demo

The challenge

Let people compare layout and color decisions in context.

Boundaries

An original browser prototype, not a full design editor.

The approach

Change a palette and composition, test a preview and export JSON tokens.

Architecture

React state, CSS tokens and a local file export.

  • React
  • TypeScript
  • CSS

What the demo shows

Working controls and a real downloadable token file.

Discuss your project

Have a product in mind?

Tell us what needs to change. We will start with the right questions.

Discuss your projectProject brief