↖ Back to selected work

Forma.

/ CONCEPT · 2026
Forma visual exploration with an abstract flowing pastel form
FORMA / DESIGN SYSTEM EXPERIMENTDesign × Code × AI ↗
01 / THE CHALLENGE

A cohesive system for the next idea.

Forma is a fictional concept. The challenge: websites are often designed one page at a time, so every new page means starting again.

Forma explores the alternative: brand thinking, scalable design and AI-assisted development treated as one connected process, with clear patterns, purposeful type and components that are ready to evolve.

Expressive orange moodboard reference
Colour and motion study
02 / THE IDEA

A language, not a collection of screens.

The foundation is a set of semantic tokens, type rules, spacing principles and reusable patterns. Each component has a clear role, and every visual decision can be traced to the same source of truth.

  • Semantic color and typography tokens
  • Reusable interface building blocks and states
  • Responsive rules from desktop to mobile
  • Documentation designed for people and AI tools
FORMA / SYSTEM LIBRARYDESIGN TOKENS / COMPONENTS / PATTERNS
One system.
Every surface.
Primary action ↗Secondary action
AaType scale12 / 16 / 24 / 48 / 96
03 / DESIGN CHOICES

Beautiful in Figma. Reliable in code.

Claude Code can read project rules, tokens and component documentation and help build the approved interface in Astro. The designer remains responsible for interaction detail, visual QA and accessibility.

That is the advantage: less repetitive implementation, more time spent on the decisions that matter.

Abstract flowing form in a muted red and grey color paletteVISUAL STUDY / COLOUR IN MOTION
Pastel optical texture exploration
Blurred colorful texture exploration
04 / WHAT IT SHOWS

Make room for the better idea.

Forma demonstrates how a considered design language and an AI-assisted development workflow can support consistency without giving up expressive, original design.

This is a design concept created as an example of my process. It is not presented as commissioned client work or evidence of measured business results.

NEXT STEP

Let's build what
comes next.

Start a conversation ↗