Motion language

Our logo animation embodies the confidence and forward thinking of athenahealth.

Brand motion is purposeful.

Precise

 

Motion will be exact and driven with purpose.
Precision and intentionality are pillars that anchor the movement in the world of innovation, technology, and credibility.

Elegant

 

Initial motion will be bold but settle elegantly.
Elegance brings a depth to the movement that roots us in humanity and connection.

Deliberate

 

Movement will be strong but never jarring.
Deliberateness evokes confidence and determination. Balanced with elegance and precision, it will evoke soft power.


Do's and don'ts

Do

  1. Keep motion simple and direct.

  2. Keep the level of animation consistent throughout.

  3. Begin motion with purpose.

  1. Use easing as a settling motion.

    A light touch of anticipation is okay in some cases to help draw the eye, but easing should not be an anticipatory tool.

  2. Focus on Partnership.

    Motion should take as long as it needs when it has a clear end point.


Don't

  1. Don’t saturate with secondary motion or embellishments.

  2. Don’t use bounces or cartoony overshoots.

  1. Don’t make motion feel jarring or let it give a sense of unease.

  2. Don’t end with an abruptness.


Motion Visualization

athenahealth motion curve
Light anticipation
Overshoot
Bounce

Horizontal Logo Animation

Full Color
The purpose of this full color logo animation is to embody the confidence and forward-thinking nature of athenahealth. The nature of the screen wipe allows for these animations to seamlessly transition the viewer from content to the logo. The horizontal logos fit best in widescreen formats.

extended logo animation
 
16x9 Aspect Ratio
This works best and should only be used for HD formatted videos.
extended logo animation
 
4x5 Aspect Ratio
Should only be used when creating social posts.
extended logo animation
 
9x16 Aspect Ratio
Should only be used when creating social posts.

1-Color & KO
All rules for full color apply to the logos below. Regarding optimal legibility, both 1-Color and KO logo versions work well on screens.

extended logo animation extended logo animation
 
16x9 Aspect Ratio
This works best and should only be used for HD formatted videos.
extended logo animation
extended logo animation
 
4x5 Aspect Ratio
Should only be used when creating social posts.
extended logo animation
extended logo animation
 
9x16 Aspect Ratio
Should only be used when creating social posts.

Stacked Logo Animation

Full Color
Vertical stacked logos are best utilized in vertical placements. The purpose of this full color logo animation is to embody the confidence and forward-thinking nature of athenahealth. The nature of the screen wipe allows for these animations to seamlessly transition the viewer from content to the logo.

extended logo animation
 
16x9 Aspect Ratio
This works best and should only be used for HD formatted videos.
extended logo animation
 
4x5 Aspect Ratio
Should only be used when creating social posts.
extended logo animation
 
9x16 Aspect Ratio
Should only be used when creating social posts.

1-Color & KO
All rules for full color apply to the logos below. Regarding optimal legibility, both 1-Color and KO logo versions work well on screens.

extended logo animation extended logo animation
 
16x9 Aspect Ratio
This works best and should only be used for HD formatted videos.
extended logo animation
extended logo animation
 
4x5 Aspect Ratio
Should only be used when creating social posts.
extended logo animation
extended logo animation
 
9x16 Aspect Ratio
Should only be used when creating social posts.

Solo Leaf Animation

Full Color
The solo leaf animation can be used as an element for transitional moments. It should not to be used as an intro or outro for videos, or in place of the full logo.

extended logo animation
 
16x9 Aspect Ratio
This works best and should only be used for HD formatted videos.
extended logo animation
 
4x5 Aspect Ratio
Should only be used when creating social posts.
extended logo animation
 
9x16 Aspect Ratio
Should only be used when creating social posts.

Extended Logo Animations

Full Color
The extended logo is best used in presentations, activations, long form, and informational video content.

extended logo animation
 
16x9 Aspect Ratio
This works best and should only be used for HD formatted videos.

Intro & Outro Animations

video intro animation
video outro animation
 
16x9 Aspect Ratio
This works best and should only be used for HD formatted videos.

Product Loading Animation

Full Color & Monochromatic
The intended use case is for loading screens within the athenaOne app.

extended logo animation
extended logo animation
 
Product Loader
extended logo animation
extended logo animation
 
In-line Loader

athenahealth

Questions about our brand or these guidelines? Need someone to check your work?
Drop us a line. We’ll help you get it right.

Contact Brand