LottieFiles brand guidelines
Just like motion, we're always evolving. That's why we’ve put these guidelines together to keep all of LottieFiles' communications consistent.
We just ask that you follow a few simple rules before using our open-source logo to keep it looking its absolute best. If you're going to use our art for anything at all, it would be great if you could keep it tasteful and send it our way for approval first.
Primary logo
Our primary logo lockup always in full color. Includes both the brand “bezier curve” symbol along with our wordmark. This is the only format allowed; symbol to the left and wordmark on the right.
Secondary Logo
These Black and White monotone logo is created to cater diverse need of communication materials. Mono Black and White to be used when primary logo doesn't fit or feel right in a chosen context/background color.
Example of application
Wordmark
Our wordmark is a simplified version of our primary logo. It must only be shown as provided below, no kerning or element addition is allowed.
Logomark
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.
Colors
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.
Product logos
Partnership lockups & application
LottieFiles works with a diverse range of organizations, and to ensure our brand identity is consistently applied in these situations, we have established a set of principles. Remember to always judge the proportions shape and legibility to maintain optical balance.
In certain situation where LottieFiles logo is shown in other brand's collateral, please ensure to only use LottieFiles black or white logo to maintain its consistency. Changing LottieFiles logo color is strictly prohibited.
Typography pairings
If Arboria isn’t available, you can use Montserrat instead because it looks comparable to Arboria. Montserrat can be used in Arboria’s place with similar formatting.
Brand imagery
LottieFiles’ brand imagery consists of supporting graphic elements that showcase an overview of our products and offerings.
