Showing 6 selected designs

Color system

Sparo Color System 1.0

A neutral color system for product and brand,balancing readability, hierarchy, and emotional expression.

01
8 min read
Components & guidelines

Sparo Component Library v1.0

Structured definitions and usage guidance forfoundational components, states, and variants.

02
12 min read
Interaction & motion

Motion Curves & Rhythm

Build natural, restrained, purposeful motionthrough timing, curves, and feedback.

03
Ease Out · Quint
7 min read
Interface reflections

A good interface gives order to information rather than adding visual noise.

04
A good interface ordersinformation instead ofadding noise.

Restraint comes from understanding information and context,and from respecting the user's attention.

6 min read
Layout & spacing

Spatial System & Rhythm

An extensible spacing and grid system thatkeeps interfaces coherent across containers.

05
Eight-point spacing scale from 4 to 64 with a seven-column grid
5 min read
Experimental sketches

Exploring Multiple Information Structures

Finding possibilities within uncertainty, usingsketches to test ideas and push boundaries.

06
Information structure sketches using a matrix, orbit, relationships, and columns