At GROW, our motion designs aren't just about pretty movements;
they're the heartbeat of our brand's personality.
Just like a song you can't get out of your head,
our consistent 2D and 3D animations
make us unmistakably recognisable.
Intro and Outro
Intro and outro are mandatory elements
which should be used in every video.
Both are standard assets which
may not be changed in any way.
Brand Symbol in 3D
This was designed to be a looping animation.
The animation starts off with the bar.
The “O” gradually reveals and the motion
reverses with the “O” disappearing.
The logo’s 3D animation should be
consistent with the 2D animation, to
give a sense of continuity across the brand.
Typography Animation
We apply our typefaces ‘ABC Repro Bold,
‘ABC Repro Medium’ and ‘ABC Repro Screen’
in a way that’s consistent with our typography guidelines.
All typography should only
be aligned in two ways:
left- or center-aligned.
Justified- or right-alignment
is never acceptable.
Image masking
The GROW graphic device,
in its vertical orientation,
can be used as an image mask.
Instead of just any ol' fade in and out,
we use our signature brand graphic
shape to make things move smoothly.
It's like our own secret handshake,
but for animations. It keeps things feeling
very "GROW" while adding that extra flair.
Transitions
Similar to the image masking animation,
the GROW graphic device,
in its default orientation,
can be used to transition between
scenes or pages on the website.
Lower Third
Always use on the same text to reveal
animations for typography when
creating lower-third animations.
Holding boxes should always
be in the GROW brand colours.
Type and animation specifications:
First row: ABC Repro Medium, 60px
Subheader: ABC Repro Screen, 40px
Alignment: Left or center-aligned
3D Shapes in motion
We transformed our 3D shapes into motion,
bringing our brand behaviors to life
in a dynamic way.
On the Pulse
On The Pulse has a more direct animation
inspired by the brand behaviour;
in motion the shape should pulse and move,
suggesting a platform that is sensitive
to changes in the market.
This was designed to be a looping animation.
The concentric rings appear one-by-one
until the full symbol is revealed. The
animation is completed by reversing the
motion, with the rings collapsing inward.
Steadfast Support
Steadfast Support is about helping you
on each step of your journey. This
animation shows growing steps,
moving towards camera to form the
brand shape and emphasise the
concept of a journey of growth.
The triangle pieces fans out slowly until
the full symbol is revealed. The animation
is completed by reversing the motion,
with the triangle pieces fanning inwards.
Hand in Hand
Hand In Hand is about collaboration;
through animation we can demonstrate
the whole FA community coming together.
The small fractal pieces appear slowly
until the full symbol is revealed. The
animation is completed by reversing the motion,
with the fractal pieces dispersing.
Made for you
Made For You suggests an ability to constantly
flex and evolve; the animation should be one smooth,
elegant movement, something
that feels ever-changing.
Symbol rotates to show a 360 degree perspective,
revealing all angles of the symbol.
To end off, the symbol rotates back
into it’s starting position.
