Animation
Animation is a visually engaging way to make content more memorable and help simplify complex and technical topics. It also allows us to stay consistent with our style by using with our brand colors, styles, graphics, and icons.
Do
Use only approved character elements
Use appropriate animation speed, promoting real-time movement
Don't
Over-animate a scene
Speed up or slow down characters
Use unapproved characters
Add extra features to existing characters without approval

Flat Geometric style
Our animation style is informed by the shapes within the architecture of our symbol. The clean geometric lines and on-brand colors help to build a cohesive and effective look that is easy to expand upon.
For full guidelines for branding and character animation, please refer to the Illustration Tab or click here.
Pictographic style
Our pictographic illustrations and animations are monochrome line drawings in our signature Fannie Mae Navy and/or a neutral color palette.
For full guidelines for creating our pictographic animations, please refer to the Illustrations Tab or click here.
Iconographic style
Icons work well across all media types as visual call-outs. All Fannie Mae icons are built with a shared architecture and grid to maintain a cohesive weight, size, and look.
For full guidelines for animating icons in our Fannie Mae Icon library, please refer to the Illustration Tab or click here.
