← Design & brand

Large 500 800ms

Designs larger 500-800ms animations such as hero transitions and story-telling reveals.

/large-500-800msdylantarre/animation-principles

More in Design & brand

  • Hover InteractionsButton highlights.
  • Icons BadgesAnimating icons, badges, avatars, status indicators.
  • Implementation DebuggingAnimation doesn't work as expected, has bugs, or behaves inconsistently.
  • Joy DelightAdds animations that make interfaces feel happy and surprising.
  • Media PublishingDesigning animations for news sites, content platforms, publishing apps, or media.
  • Medium 300 500msGuides animations of 300 to 500ms, such as page transitions and major UI changes.
  • Micro 100 200msDesigns quick 100 to 200 millisecond interface animations like tooltips and dropdowns.
  • Mobile TouchDesigns iOS/Android gestures and touch interactions.