Apple design

Apple’s approach for the web: physical motion and springs, materials and depth, careful type.

What the skill decided

The system font, with letter-spacing that changes with size: tight on the hero, neutral on body text, slightly open on small print.
A warm neutral page with one blue accent and a full dark mode.
A translucent header that blurs the page behind it, with a soft fade below instead of a line. Shadows grow with the size of the surface: chip, card, window.
A small hand-written spring engine using the skill’s damping and response settings. Most motion settles without overshoot; bounce only follows a flick, and anything can be caught mid-move.
Cards can be dragged one-to-one and flicked away, with momentum deciding where they land. On first view they fly out of the note lines they came from.
The phone menu is a blurred sheet you can drag down to close. Every gesture also has a button or key.
Reduced motion swaps movement for cross-fades, and there are separate styles for reduced transparency and high contrast.