Toolkit
Motion
Motion
Animated Logo
Our RSM logo animation reflects our brand’s dynamic spirit, with rotating motion inspired by the energy of a golf swing. Adding a high-velocity easing curve helps create a captivating effect, setting a tone for the content that awaits.
Motion
Tracer Lines
Designed to synchronise seamlessly with the movement and direction of a golf swing, these dynamic lines capture the very essence of pace, precision, and power.
Motion
Shadow Device
The Shadow Device can be used in motion to further enhance the illusion of depth. Inspired by our logo’s pin shadow, this technique enhances visuals with captivating depth, allowing foreground elements like scoreboards to take centre stage as a primary interest.
Motion
Scoreboards
Our scoreboards should always enter from left to right, seamlessly guiding the viewer’s attention. When paired with the shadow device, elements should animate with a high velocity at the start and a gradual deceleration to the finish.
Motion
Animated Type
Handwritten type, headlines, and sub-headlines can all be used in motion. With swift and purposeful motion, our typography breathes life into keywords, accentuating their impact.
Headlines
To animate headline text on screen, we use position, helping add depth to flat spaces.
Subheaders
We employ sub-headings with animation to highlight multiple keywords. This example demonstrates seamless integration with photography to ensure consistency and visual cohesion.
Handwritten
To add a touch of personality, we can apply animated strokes to handwritten type to humanise our visual storytelling.
Deconstructed
By separating our headlines in a deconstructed manner, we can highlight success and any other important messages.
Motion
Do and Don'ts
Implement an ease curve that accelerates the logo’s motion in the middle, emphasizing dynamism and speed.
Consider the direction of movement and synchronisation in video footage when using the tracer lines.
When animating the scoreboards, add smooth easing with high a velocity in the middle to create greater visual interest.
Utilise deconstructed type to create intriguing and visually engaging motion.