01
Evidence-first extraction
Every colour, typeface and logo is measured from the live site. Every value keeps the source it came from, so nothing has to be taken on trust.
Measured, not generated
Everything a brand is, measured.
Not a moodboard, not a guess. The guide is built from the live site's own bytes, and it arrives already wearing the brand's colours and typefaces.
02
Dressed in the brand
The guide is set in the brand's real palette and typefaces, as a paged document rather than a screenshot. A guide in anything else is just a picture.
Rendered in-brand
03
One guide, seven exits
Move straight into the work: Figma Variables, Tailwind theme, CSS custom properties, Style Dictionary, Markdown, palette SVG or raw JSON.
Figma · Tailwind · CSS
Not mockups. Live output.
Three deliberately awkward sites, read live through TinyFish Search and Fetch. Nothing is special-cased in the code.
One name in. One complete guide out.
No crawling setup, no scraping library, no headless browser. A name or a URL is the whole brief.
-
01Name it
Point at a brand
Enter a company name or paste its domain. A bare name is resolved through search; a URL is opened directly.
-
02Read it
Let it read the live site
TinyFish Fetch reads the document head, every stylesheet, the content pages and the logo assets. Each value is measured where it lives.
-
03Take it
Leave with the guide
Flip through a paged document in the brand's own identity, then export it into the tools you already use.
The guide ends. The work starts.
The same extracted object serialises into seven formats. No re-crawl, no retyping, no handoff document that goes stale.
--brand-primary: #7070ff;
from linear.app
- FFigma Variables
- TWTailwind theme
- CSSCustom properties
- SDStyle Dictionary
- MDMarkdown guide
- SVGPalette board
- { }Complete JSON
Start with a name.
Leave with a brand guide.
Logo, colour, type, voice and messaging. One click, ready for the next deck, the next handoff, the next launch.
Get StartedBring your own TinyFish key. No account. Nothing stored.