logo
← ALL WORKSATYDEV® STUDIO // CASE DIALER
01 / PRODUCT DESIGN

YATYPE

A spatial writing environment built around the freedom of an infinite canvas.

ROLEProduct Designer / UI / Frontend
YEAR2026
TYPEIndependent Product
STACKReact / Vite / Supabase
LOADING MEDIA PIPELINE...
02 / THE PROBLEM
Most writing tools are built around documents, pages, and rigid interfaces. YATYPE explores a different model: writing as a spatial activity. I wanted writing to feel less like filling out a document and more like working on a whiteboard.
ROLEProduct Designer / Developer
TIMELINE3 Weeks
PLATFORMWeb Application
STACKReact / Vite / Supabase / GSAP
STATUSActive Product
01 / PROBLEM

Traditional writing interfaces constrain content to a fixed linear document structure.

02 / INSIGHT

The canvas itself can become the workspace.

03 / DECISION

Introduce spatial text nodes that can be positioned, edited, and grouped freely.

03 / THE PRODUCT
LOADING MEDIA PIPELINE...
04 / IMPLEMENTATION

SPATIAL WRITING NODE CANVAS.

FRONTENDSTACKReact / TypeScript / Tailwind CSS
BACKENDSERVICESSupabase Realtime Database
MOTION / ANIMATIONGSAP Core & Draggable SDK
SYSTEM ARCHITECTUREState-synchronized Node Canvas Layout
05 / REFLECTION

DESIGNING THE INTERFACE WAS ONLY HALF THE PROBLEM.

The biggest lesson was that adding flexibility does not automatically create a better experience. The interaction model still needs strong constraints to prevent canvas chaos. In future iterations, adding light snap-to-grids will help keep layouts aligned.

NEXT PROJECT

COMPUTERHEALTHCARE

→

Design & Developed by satuxcodes
© 2026. All rights reserved.