Stylasso: Website Colors, Fonts & Design Tokens

Get a website's colors with roles, fonts and spacing in one click. Free CSS, Tailwind and DESIGN.md; shadcn/ui and Figma in Pro.

Open a website, click Stylasso, and get the design system behind it in about a second. Not one pixel at a time: the whole palette with roles, the fonts, the type scale and the spacing, named and ready to paste. What you get • Colors with roles: primary, accent, background, surface, text, muted and border, picked from the buttons, links and logo the page really paints, each with its contrast ratio • Fonts as they render: the face the browser draws, its weights and source, with a sample drawn in that font • A type scale named in Tailwind steps, the spacing grid, corner radii, shadows and gradients • Logo and icon SVGs, cleaned and ready to paste Paste it where you build • CSS variables and a Tailwind v4 theme • DESIGN.md for Cursor, Claude Code, v0 or Lovable: exact hex values, type levels, radii and button styles in the open format from Google Labs • JSON, and a 1200 × 630 moodboard image • Pro: a shadcn/ui theme with every variable (dark sites included), W3C design tokens for Figma, every SVG in one ZIP Free, with no daily limit Everything except the Pro items is free, on every page, as often as you like. Pro is $9.99 once: no subscription, up to 3 browsers, 14-day refund. Private by design • Reads a page only when you click the icon, and only that tab • No access to all websites: only activeTab, scripting and local storage • No ads, no analytics, nothing injected into the pages you visit • Nothing leaves your browser unless you publish a share link; Pro license checks go to our payment provider Good to know: Stylasso reads the style of the whole page; it is not an element-by-element inspector. Browsers do not let extensions read their own pages, stores or the PDF viewer. Colors and spacing values are facts about a page. Logos, images, text and font files belong to their owners: Stylasso never exports page text or images. Figma, Tailwind CSS and shadcn/ui are trademarks of their owners; Stylasso is not affiliated with them. Made by the developer of PixLasso. Questions: support@pixlasso.com