Skip to main content
CASE STUDY // PRODUCTForma Interactive (2025)

Forma Spatial OS

Interface architecture, design token system, and iconography for an experimental spatial operating system on visionOS and desktop.

DISCIPLINEPRODUCT
TIMELINE / YEAR2025
ROLE & DIRECTIVEInterface Architecture
SERVICES DELIVERED
#Product Design#Design Systems#Iconography
Primary visual hero showcase for Forma Spatial OS
FIG 01 // FORMA SPATIAL OS HERO SHOWCASE
01 // THE IDEA & ARCHITECTURAL PREMISE
Flat physics. No pseudo-realistic glassy bevels; instead, razor-sharp outlines and tactile haptic feedback that feels like physical drawing tools.

Forma is a spatial canvas that treats software windows not as rectangles, but as physical typography and dimensional planes. We designed the fundamental OS design language and a 200+ icon symbol set.

[ THE CHALLENGE ]

Existing spatial UI relied heavily on heavy blur and drop shadows. Forma needed to feel light, instantaneous, and typography-first.

[ STRATEGIC EXECUTION ]

Ultra-lean 1px vector lines, high-contrast light-on-dark palettes, and micro-animations that communicate state changes within 120 milliseconds.

AUTHENTIC DELIVERED METRICS
<12msREFRESH LATENCY
200+ SYMBOLSSPATIAL ICONS
90-120HzTARGET REFRESH
ACQUIREDACQUISITION STATUS
GEOMETRY & VISUAL EXPLORATION
+
02 // LOGO EXPLORATION & VECTOR GEOMETRY

Proportional Construction & Logic

Dimensional isometric box unfolded into a flat typographic glyph.

Vector construction geometry diagram for Forma Spatial OS
Geometric vector construction grid showing mathematical guides and nodal tangents.
CONSTRUCTION RULES
RULE 01

4-pixel baseline lock across all viewport scales

RULE 02

1px hairline stroke rule without optical anti-aliasing blur

RULE 03

Optical compensation for eye-tracking focal planes

03 // TYPOGRAPHIC ARCHITECTURE

Geist Mono & Geist Sans

CLASSIFICATION: Monospaced Spatial Interface
Medium 500Black 900

WINDOWS ARE NOT RECTANGLES; THEY ARE EXTENSIONS OF THOUGHT.

ABCDEFGHIJKLMNOPQRSTUVWXYZ • 0123456789 • !@#$%&*()_+-=[]

Rationale: Eliminates visual bloat in spatial compute environments while guaranteeing instant legibility at 120Hz.

04 // COLOR ARCHITECTURE & VALUES

Chromatic Restraint

05 // VISUAL GALLERY & IMPLEMENTATION

Collateral & Brand Artifacts

Forma Spatial OS tokens
Spatial canvas viewport and design token hierarchy blueprint.FIG 02
Forma Spatial interface
Primary interface wireframe and depth layer hierarchy.FIG 03
06 // VIBE-CODED ARCHITECTURE

Interactive Technology Stack

FRAMEWORKS & LIBRARIES:
visionOSReact 19Tailwind CSSThree.js
ARCHITECTURE SPECIFICATION:

Direct GPU coordinate mapping rendering responsive vector windows in sub-millimeter 3D space.

PERFORMANCE TELEMETRY:

Zero drop frames at 90Hz eye-tracking refresh rate.

07 // MOTION STUDY & PROTOTYPE INTERACTION

visionOS Spatial Window Dynamics & Eye-Tracking Snap

REC // 4K 60FPS TIME-LOCKED
TIMECODE: 01:14 // 4K SPATIALSTATUS: READY
Interactive screen capture demonstrating razor-sharp 1px hairline window inertia and coordinate locking.
PROJECT CREDITS & COLLABORATORS
Interface ArchitectureYasin Arafat
Prototype EngineeringForma Core Team