Motion, scroll, micro-interactions, layout, data viz, and the UX laws behind them. Click everything.
Tokens, type, color, space, elevation and grid.
Hover, focus, active, error, loading, empty.
Easing curves, stagger, tilt, magnetic, ripple, counter.
The tiny confirmations that tell you the system heard you.
Parallax, sticky pinning, horizontal snap, scroll-linked progress.
Left pins while right scrolls.
Set the promise.
Numbers, logos, outcomes.
Show how it works.
One call to action.
Tokens, grid, type.
Timing, easing.
Reveal, parallax.
Charts, sparks.
Good design is obvious. Great design is transparent. The best design feels inevitable.
Blur, elevation, spotlight.
Type as material.
Bento, masonry, marquee, drag-reorder.
Bars, donut, KPIs, sparklines.
Blocks every pitch deck and sponsorship proposal reuses.
The scroll rhythm was so smooth our sponsors stayed on every slide. Two renewals closed by end of call.
Cleanest interface work I have seen in the region. Every detail feels considered.
OKLCH token system linked to every project.
First tabbed version.
Reveal system, data viz, showcase blocks.
Reveal HTML and CSS for each demo inline.
| Feature | Basic | Pro | Ent |
|---|---|---|---|
| Tokens | ✓ | ✓ | ✓ |
| Scroll effects | — | ✓ | ✓ |
| Data viz | — | ✓ | ✓ |
| Custom domain | — | ✓ | ✓ |
| Dedicated support | — | — | ✓ |
| SSO | — | — | ✓ |
design.seantippen.com/tokens.css. Update once, every downstream project picks it up.prefers-reduced-motion. Focus rings stay visible. Pairings hit WCAG AA.Research-backed principles.