Quick check-in on the mograph.life (http://mograph.life) rebuild. The design system has its first...Quick check-in on the mograph.life (http://mograph.life) rebuild. The design system has its first...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Ilya's avatar
pro
13h
Quick check-in on the mograph.life rebuild. The design system has its first real screen now, a project browser, and everything in the recording is Rive components running inside the React app. All of it, frames, callouts, menus, is generated from parameters. Nothing is drawn by hand, and no two windows come out the same, the generator deals each one a different arrangement of housings and notches from the same ruleset. All the colors, angles, stroke widths, gaps and other repeatable parameters are using a Global ViewModel. All parts are assembled using Rive Libraries - that can be independently versioned. Most of this weekend went into making it boring. A hover highlight regression sent me back a version, and the fix landed somewhere better: hover chrome now lives in the frame itself, the menu row is just a hit area with text. The readout got rebuilt so variable-length numbers can't shove anything around, the scrollbars are gone, and the resize flicker and the menu title drift went with them. The recording is the demo as it runs now. On to more screens.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started