Visual index

An index of design signals that show your product maturity.

A structured dashboard for the craft behind the UI. Each block is a signal: layout, motion, typography, and narrative structure.

Motion Language
Type Systems
Visual Data
Immersion

Layout

Atlas Grid

Complex grids that still feel breathable and intentional.

Components

Signal Cards

Card stacks designed to frame the most important moments.

Aesthetic

Soft Interfaces

Subtle atmospheres, calm surfaces, precise highlights.

Motion

Kinetic Lines

Directional lines that guide the eye without shouting.

Navigation

Index Trails

Visual cues that make orientation feel effortless.

Narrative

Story Anchors

Sticky elements that hold the page together.

Index metrics

Precision, not just polish.

92

Narrative depth

88

Spatial rhythm

84

Type contrast

90

Interaction clarity

These scores are stylistic signals, not analytics. They help emphasize intentionality, pacing, and clarity.

Connect the dots

Use the index as a focused snapshot of product craft.

A quick scan of layout, motion, typography, and narrative signals that guide the next step.