Free web design tools
Paste a link to see how any website is made: its fonts, colours, spacing and what it’s built with. Free, no sign-up.
Or try an example: , ,
Website font finder
Find the fonts on any website, with their weights and where they come fromFind fonts →Website colour palette extractor
Get any website’s colours as hex codes, CSS variables or a Tailwind themeGet colours →Design token extractor
Get a website’s type scale, spacing and corner radius as CSS or TailwindGet tokens →Built with checker
See what a website is built with: Framer, Webflow, Next.js and 160 moreCheck a site →OG image checker
See how your link looks when shared on X, LinkedIn, Slack and GoogleCheck a link →Favicon checker
See your favicon in browser tabs, on Google and on iPhone and AndroidCheck a favicon →
About the tools
Yes. All six are free, with no sign-up and no limit on how many sites you check. There’s a rate limit to stop abuse.
Paste a link. The tool fetches that page’s public HTML and CSS, the same files your browser gets, and reads the answer out of them. Most checks take a second or two.
To learn from a site you like, use the font finder, the colour palette and the design token extractor. To see what it runs on, use the built with checker. To test your own site before you share it, use the OG image checker and the favicon checker.
No. We don’t save the links you check or the results. A result is kept in memory for a minute, so a repeat check is instant, then it’s gone.
The tools read a page’s HTML and CSS, not a rendered screen. A font or colour a script adds after the page loads can be missed. Each tool says how many stylesheets it read.
A1, a gallery of hand-picked websites. The tools use the same detectors that tag each site in the gallery with its fonts, colours and technology.