Good Word Agency Brand Guidelines

15 Animation

Introduction

The Good Word logo animation is the mark in motion. The quill strokes draw in, the north star lands, and the wordmark settles into place. It runs just over five seconds and is built to open and close video, presentations, and social content.

Logo Animation

The primary animation on Dark Green. Use it as the intro or outro for video and live presentations.

Transparent Version

White and black versions on a transparent background, for layering over footage, photography, or a solid color.

Good Word logo animation, white on black
White on Black
Good Word logo animation, black on white
Black on White

Usage

Keep the motion as consistent as the mark itself.

  • Play the animation at full length. Do not trim, speed up, or reverse it.
  • Give the logo room. Keep the same clearspace you would give the static logo.
  • Use the white version on dark backgrounds and the black version on light backgrounds so the mark stays legible.
  • Do not recolor, stretch, rotate, or add effects to the animation.
  • Use the static logo wherever motion is not supported, such as print and email.

Motion 01: Arches

The north star lattice moves into its lower tip, where the arches carry our headline. Use it for openers and brand statements.

Motion 02: Selection

The arrow steps through a list and selects one line at a time. Use it to introduce pillars, values or services.

Motion 03: Container

The north star holds a single phrase and breathes around it. Use it for taglines and short statements.

Motion 04: Reveal

The north star opens as a window onto our imagery. Use it to move from brand graphics into photo or video.

Motion 05: Letters

Letters roll into place to spell a core value, with its description beside it. Use it to name and explain one idea.

Files

Pick the format that fits where the animation will live.

Primary MP4

4K H.264 on Dark Green. For video edits, reels, and presentations.

Transparent MOV

4K ProRes 4444 with alpha. Off White mark for editors working in Premiere, Final Cut, or After Effects.

Transparent Web

WebM and animated WebP at web resolution. For websites and digital placements.