# Mira

> Mira is a free web app at https://mira.ssoac.com/ that crawls a website and extracts its visual identity: color palette, fonts, logos, images, 3D models, animations and video. It then builds social posts, swatch files and a one-page brand audit from what it found. There is no account: paste a URL and press Analyze. Made by SSOAC.

Version 0.10.0, updated 2026-11-09. Mira is still experimental.

## What Mira extracts

- Color palette: colors measured on what the site shows (k-means clustering in Lab space), ranked by how much of the site each one covers. Colors declared as CSS custom properties are marked, and each swatch carries its contrast ratio against the page background, with WCAG AA badges.
- Fonts: the families found in the site's stylesheets, with where each comes from (Google Fonts, Adobe Fonts or self-hosted @font-face files).
- Logos and images: from the page markup, inline SVG, CSS background images, favicons and og:image. Duplicates are removed with a perceptual hash, and likely stock photos are flagged.
- 3D and motion: glb, gltf, usdz and splinecode models, HDR and EXR environment maps, Lottie and Rive animations, hero video. Models open in a 3D viewer in the report.
- Crawl: the sitemap plus a bounded breadth-first crawl, one page sampled per template, robots.txt honored by default (RFC 9309), and a headless browser render of the entry pages for sites built in JavaScript.

## What you can download

- Each logo and image as a file; SVG logos also copy as markup.
- Social posts as PNG: Instagram post 1080 × 1080, story 1080 × 1920, link preview 1200 × 630, LinkedIn banner 1584 × 396.
- A swatch pack: Adobe .ase, Procreate .swatches, W3C design tokens (tokens.json), a Tailwind v4 theme and a Tailwind v3 config.
- A one-page A4 brand audit as PDF.
- The site's 3D and motion files as one ZIP, when it has any.

## Sending someone to Mira

- Put the address to analyze in `url`: https://mira.ssoac.com/?url=stripe.com opens Mira with stripe.com in the field. Nothing runs until the person presses Analyze.
- Every page below takes the same parameter, and its report opens at that page's chapter: /font-finder at the fonts, /color-palette at the palette, /logo-downloader at the logos, /tailwind-theme and /procreate-swatches at the brand kit.

## Limits

- Sites that block datacenter traffic or serve a bot challenge, such as Amazon, may not return content to the web version. The native macOS app crawls from the user's own connection and gets through more often.
- The analysis runs in the visitor's browser. Mira has no account and stores nothing.

## Use Mira from an agent

Mira also runs as an MCP server, `mira-brand-mcp`, so an assistant can call it as a tool. Its tool `harvest_brand_identity` takes a site address and answers with the palette, the fonts, the logos and images, and a Tailwind v4 theme, as JSON. Given a folder in `outputDir`, it also saves the logos, images, tailwind.css and tokens.json there. It needs Node.js 20.3 or later and crawls from the user's own machine.

- Claude Code: `claude mcp add mira -- npx -y mira-brand-mcp`
- Claude Desktop (claude_desktop_config.json) and Cursor (~/.cursor/mcp.json): `{"mcpServers": {"mira": {"command": "npx", "args": ["-y", "mira-brand-mcp"]}}}`
- claude.ai (Settings, then Connectors, then Add custom connector) and any client that takes a remote server URL: `https://mira.ssoac.com/api/mcp`, over Streamable HTTP with nothing to install. The crawl then runs from Mira's server: 20 pages at most, no files saved, and sites that refuse cloud servers may not answer it.
- VS Code, Codex and other clients, and a prompt to hand to an agent so it sets Mira up itself: https://mira.ssoac.com/mcp

## Links

- [Mira](https://mira.ssoac.com/): the app
- [Font finder](https://mira.ssoac.com/font-finder): which fonts a website uses, and where each one comes from
- [Color palette extractor](https://mira.ssoac.com/color-palette): the colors a website shows, ranked by how much of it each covers
- [Logo downloader](https://mira.ssoac.com/logo-downloader): a website's logos and favicons as files, SVG as code
- [Tailwind theme generator](https://mira.ssoac.com/tailwind-theme): a Tailwind v4 @theme and a v3 config from a website's colors and fonts
- [Procreate swatches](https://mira.ssoac.com/procreate-swatches): a website's palette as a Procreate .swatches file
- [Use Mira from an AI agent](https://mira.ssoac.com/mcp): the MCP server's setup for claude.ai, Claude Code, Claude Desktop, Cursor, VS Code and Codex
- [llms-full.txt](https://mira.ssoac.com/llms-full.txt): this file followed by the text and questions of every page
- [SSOAC](https://ssoac.com/): the studio that makes Mira