guillermo

Motion vocabulary

Five entrance recipes, each a chord of small cues. The physics — durations, easing, travel, stagger — comes from the active theme's tokens; switch themes above and replay. Under reduced motion every recipe renders instantly.

  • fade opacity + whisper of sharpeningUsed for: eyebrows, labels, rail captions
    The quick brown fox settles.
  • rise travel + opacity + sharpening + micro-scaleUsed for: list entries, cards, doc blocks
    The quick brown fox settles.
  • settle downward settle + staged opacity plateau + sharpening + micro-scaleUsed for: headlines, deks, action rows — focus arriving
    The quick brown fox settles.
  • mask-line clip reveal + travel + sharpening + tracking settle + timed opacityUsed for: deliberate headline lines (LedgerHero)
    The quick brown fox settles.
  • draw scaleX from the start edge + late opacityUsed for: rules and spines
    The quick brown fox settles.