Our primary logo lockup always includes our brand’s “bezier curve” symbol along with our wordmark.
Our wordmark is a simplified version of our primary logo, where proper composition or color usage dictates the design. It must only be shown in the style variations detailed below.
Our logomark is made up of the "bezier curve" inside our rounded square block. Both should always be shown together in the exact format below to ensure brand consistency.
Dos & Don’ts
Here are some examples of how to use the LottieFiles logo and what to avoid.
Place the logo on any brand color, as long as it’s legible.
If the background is too dark to use the black wordmark, use the white one.
Don’t place the logo over an image.
Don’t stretch the wordmark under any circumstances.
Don’t have the logo in any color other than the original one.
Don’t place a drop shadow under the wordmark.
Don’t rotate the logo in any direction.
Do not tweak the corner of the symbol
Don’t move the placement of the symbol within the logo.
Our brand's mint color makes up our primary color palette as a bold accent. White and black serve as our base colors, giving us the ability to share community work easily.
The secondary accent color palette covers a broad range of colors to complement an array of animation work while also establishing the look of our design elements.
Please note that we only use solid colors, and gradients are not allowed.
LottieFiles collaborates with a diverse range of organizations, and we’ve established a set of principles to ensure our brand identity is applied consistently in these situations.
Remember to always judge the proportions and shapes to maintain visual balance.
LottieFiles’ brand imagery consists of supporting graphic elements that showcase an overview of our products and offerings.