Ash Template / Motion lab
Motion lab
Little movements, side by side. The version marked standard is the one the real pages use; the others stay here to compare. Press things and switch between them.
1 Presses
A mouse or finger press gets a small answer. Pressing Enter or Space works the same, just without the show. Every button squishes, and one that says no shakes its head.
2 Panels that slide
Open and close each one a few times. Escape closes the one on top.
- Drawer
- Sheet
- Menu
- Note
3 Things that change
Each of these waits for the page to decide, then moves from the old picture to the new one.
A list that rearranges
- Billing
- Search
- Sign-in
- Calendar
- Checkout
A number that turns over
1,284 visits this week
Work marked done
Task
Send the monthly report
2 comments · due Friday
4 Moving between views
The underline travels to the tab you pick and the new view slides in the same way.
- Quarterly plan
- Team offsite notes
- Customer interviews
5 Arriving
How a headline and a page of cards first appear.
Headline
Build something people love.
Cards
- North
- Harbor
- Summit
- Meadow
- Canyon
- River
- Forest
- Island
- Valley