UI Stack Motion

Motion Browse Curves Reference Guide

Sites

UI StackThe nine sites, read bottom up TypefacesFont pairings LetteringWhat a headline can do ColorsColour names and palettes PatternsBackgrounds and textures OrnamentsBorders, badges, seals and stamps carduiCards and tiles LayoutsPage layouts: shells, patterns and reflow MotionMoves with their numbers and owners WorldsBrand worlds that join the layers

Reference shelf

Five reference clips the same slide, five ways; every number measured with motioncheck.py track

Every move is plain CSS (a transition or keyframes) with a Web Animations version, played on a real card from cardui through its own renderer, timed with the motion tokens of Worlds. Every number says who owns it: measured, platform, book or ours.