About Lottiefiles
A motion graphics platform with Lottie animations. Fits design-utility SaaS, animation-asset tools, motion-platform apps, and creative-asset landing page designs.
Design tokens
18 colors · 12 type stylesVivid teal (#019d91) primary on a pure white (#ffffff) canvas, set in DM Sans for headlines and Inter for body text. These values are read from the Lottiefiles DESIGN.md in the Pass bundle, which carries all 18 color tokens, 12 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Lottiefiles-style UI.
Use in your AI builder, no-code tool, or CMS
Lovablev0BoltFramerWebflowWordPressWixSquarespace
CanvaGoDaddy
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Claude
CursorGeminiChatGPTVS Code
GitHub
Not affiliated with Lottiefiles. All trademarks belong to their respective owners.
Related designs
Dimension landing page design
DimensionDesign & Creative
Whimsical landing page design
WhimsicalDesign & Creative
Scenery landing page design
SceneryDesign & Creative
Fable landing page design
FableDesign & Creative
Chronicle landing page design
ChronicleDesign & Creative
Catalog Pass includedLinearity DESIGN.md analysis
LinearityDesign & Creative