<!-- SPDX-License-Identifier: MIT -->
<!-- SPDX-FileCopyrightText: 2025-2026 Marcus Quinn -->

# lottiefiles: Visual Theme & Browser Evidence

## Source reviewed

- Source: https://lottiefiles.com
- Title/evidence: saved Brave page title `LottieFiles: Download Free lightweight animations for website & apps.`; hero copy `Great designs come alive with motion!`.
- Browser status: user-saved complete page and assets inspected from Downloads. This supersedes the earlier unauthenticated headless capture that returned anti-bot/challenge content.

## Visual interpretation

This guide translates the saved LottieFiles home page into an AI-readable report/style system. The source is motion-first, generous, rounded, and product-led: large benefit headlines, airy white sections, teal/mint action colour, animation cards, soft panels, pill controls, and enterprise workflow sections. Preserve motion-design freshness, spacious hierarchy, and friendly SaaS clarity without copying proprietary brand assets.

## Mode behaviour

Saved CSS includes paired light/dark tokens. Prefer observed dark values such as near-black background `#080A0C`/`oklch(14.1% .005 285.823)`, dark surfaces around `#161A1C`, light text `#FFFFFF`, muted text `#BFC8D1`, and mint focus/action `#00DDB3`. Only derive additional inverse values when no observed token exists, and validate text, badge, link, and border contrast before use.
