● COMMONSIM 96%
Onyeka Okongwu
4+ Rebounds
Amicro takes - mock
Five takes, mocked in Propedia's own surfaces
Each option below is a working demo in the surface it would actually ship in, with its practical function and production home labelled. Nothing here is live. Rule on each by number.
1
Card Spread - the dealt pack fans out
Practical function: the five dealt cards land as a hand you fanned out, so the reveal reads as one dealt pack instead of five tiles in a row.
Where it lives: Daily Pack, /pack reveal and opened state. Presentation only - the seeded draw, the tear and every behaviour stay untouched. Cards are real: today's pool (Nov 15), real art, real lines.
Flip the toggle after the rip to compare the two landings directly.
● COMMONSIM 96%
Dylan Harper
5+ Rebounds + Assists
● UNCOMMONSIM 89%
Ace Bailey
1+ Assists
◆ RARESIM 89%
Luka Doncic
Assists Under 8.5
◆ RARESIM 87%
Darius Garland
Reb + Ast Under 10.5
CHASE
Fan: centre card lands first, edges follow (distance-weighted stagger), 6 degrees per step, arc lift on the middle card.
2
One motion spec as the house standard
Practical function: one duration band and one curve for every animation, so motion feels like a single product and each new animation is cheap to build and judge.
Where it lives: every future animation, fleet-wide. The same three elements run twice below - once with today's mixed easings, once with the single spec - timings labelled on each.
Today - mixed easings
three different curves, three different feels◆ RARE
Luka Doncic
Assists Under 8.5
Card entrance
.55s overshoot cubic-bezier(.25, 1.35, .35, 1)
.55s overshoot cubic-bezier(.25, 1.35, .35, 1)
62
Number change
.6s spring cubic-bezier(.3, 1.45, .35, 1) - the pack counter curve
.6s spring cubic-bezier(.3, 1.45, .35, 1) - the pack counter curve
COMBINED
+238 · to win $23.78
Panel slide
.3s ease - the generic default
.3s ease - the generic default
Amicro spec - one curve
200-350ms, transform and opacity only◆ RARE
Luka Doncic
Assists Under 8.5
Card entrance
.3s cubic-bezier(0.16, 1, 0.3, 1)
.3s cubic-bezier(0.16, 1, 0.3, 1)
62
Number change
.25s cubic-bezier(0.16, 1, 0.3, 1) fade-swap
.25s cubic-bezier(0.16, 1, 0.3, 1) fade-swap
COMBINED
+238 · to win $23.78
Panel slide
.32s cubic-bezier(0.16, 1, 0.3, 1)
.32s cubic-bezier(0.16, 1, 0.3, 1)
Both rows fire at the same instant - the difference you feel is the curve, nothing else.
3
Tactile press feedback on the primary buttons
Practical function: buttons answer the finger - a small press-down the moment they are tapped, plus a slight magnetic pull toward the cursor on desktop.
Where it lives: the three real primary buttons below, copied from production - then fleet-wide as the standard button behaviour. Look, copy and placement do not change; motion only.
Parlay Builder
Hub - Parlay Builder CTA
Nav and hero, every page
Open Your Free Pack
Hub - Open Your Free Pack
Homepage hero and promo panel
Pack - slip panel
Get book links, on /pack
Press any button (tap or click) for the press-down. Magnetic hover needs a mouse - move slowly over a button on desktop and it leans toward the cursor. On touch there is no hover, so the press is the whole take there.
Simulates a press on each button in turn, for judging on touch devices with no hover.
4
Text entrances for section headings
Practical function: section titles arrive with a beat of motion as you reach them instead of already sitting there, which pulls the eye down the page.
Where it lives: hub section headings below the hero, in the hub's own heading style and real section titles. The hero headline is locked and stays untouched.
A - BLUR-IN WORDS
Today on Propedia
B - CHARACTER STAGGER
Pick your sport
Words blur in one by one at 75ms steps; characters rise at 26ms steps. Both on the spec curve.
5
One house loader for the real waits
Practical function: a single small waiting indicator, reused everywhere, so a fetch never leaves a blank hole in the page.
Where it lives: the three places visitors actually wait today - the slip's book-links fetch, the pack counter's first load, and the ticker's first paint. One pattern (pulse dots, gold and teal), three contexts.
Slip panelPack / builder - Get book links fetch
Luka Doncic AST Under 8.5-112
Darius Garland RA Under 10.5-139
Book links land here
Pack counter/pack - first stats response
Counter strip loads here
Score tickerEvery page - first data paint
Ticker cells paint here
Same dots, same rhythm in all three frames. Numbers in frame B are samples for the mock.
Mock only - no production page was changed. Every demo stands down under reduced-motion: final state, instantly.