← all styles

// style

Motion / Kinetic

Movement is the design: scroll-driven animation, morphing type, micro-interactions.
traits.txt
  • ▸ Scroll-triggered motion
  • ▸ Smooth transitions
  • ▸ Animated type
palette_options.clr

Palette possibilities

Starting point

#111111 · #F5F5F5 · #FF4D00 · #3D5AFE

Active Theory reference

#000000 · #FFFFFF · #888888 · #FF3366

Locomotive reference

#FFFFFF · #000000 · #F5F5F5 · #FF5C00

Real examples

activetheory.net
Homepage of Active Theory

Fonts

Neue Montreal

Colors

#000000 #FFFFFF #888888 #FF3366

locomotive.ca
Homepage of Locomotive

Fonts

Neue Haas · custom

Colors

#FFFFFF #000000 #F5F5F5 #FF5C00

Get the newsletter

Great designs and de-slop tips. What's in it

Great designs, de-slop tips, now and then. Unsubscribe any time.