Brands813
↑ ↓ to browse
View full design.md ↗
LottieFiles· Designlottiefiles.com
Design

LottieFiles

An animation-platform built on white canvas and teal motion — DM Sans display headings at extreme negative tracking, Inter for UI, and a signature teal primary that signals life and interactivity rather than static SaaS.

Color Palette20 tokens
background#ffffff
surface#f4f4f5
surface-dark#09090b
ink#09090b
ink-secondary#3f3f46
ink-muted#9f9fa9
on-dark#fafafa
primary#019d91
primary-hover#00c1a2
primary-container#e0f5f3
on-primary#fafafa
secondary#00c1a2
on-secondary#09090b
success#019d91
warning#f59e0b
error#7f1d1d
highlight#ffbf03
border#e4e4e7
border-strong#27272a
shadow-soft#000000
Buttons
TypographyGoogle Font
DM Sans
display-hero

The quick brown fox

96px · 500 · -4.8px
display

The quick brown fox

60px · 500 · -2.4px
heading-section

The quick brown fox

40px · 600 · -1.2px
heading-sub

The quick brown fox

24px · 600 · -0.48px
body-large

The quick brown fox

18px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

LottieFiles

An animation-platform built on white canvas and teal motion — DM Sans display headings at extreme negative tracking, Int…

Design
none
sm
md
lg
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
LottieFiles
An animation-platform built on white canvas and teal motion — DM Sans display headings at extreme negative tracking, Inter for UI, and a signature teal primary that signa…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewLottieFiles just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDesignLottieFiles
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to LottieFiles.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// LottieFiles tokens
export const theme = {
  primary: "#019d91",
  radius: "6px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

LottieFiles occupies the rare intersection between design tool and content marketplace, and its visual identity performs that duality confidently. The canvas is clean white — a del…

LottieFiles · Design

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Procreate88%

shared styles: Minimal, Cool, Dark · same category: Design

Adobe75%

shared styles: Minimal, Cool · same category: Design

Savee74%

shared styles: Minimal, Dark · same category: Design

Valerian74%

shared styles: Minimal, Dark · same category: Design

Dribbble73%

shared styles: Minimal, Cool · same category: Design

Buck73%

shared styles: Minimal, Dark · same category: Design