08The Digital Interface System
Live Components
Behaviour
On hover, an ink-spread fill rises from the bottom of the button over 400ms, inverting the text colour. The transition uses a cubic-bezier easing for a smooth, deliberate motion — never a snap.
Motion Principles
Develop
Images fade from blur into sharp focus on scroll — mimicking the darkroom process.
Ink-Spread
Hover fills rise from the base over 400ms with a deliberate cubic-bezier ease.
Film-Flicker
The cover logo pulses with a subtle opacity flicker, evoking 35mm projection.