Frequently Asked Questions

Peek is a Chrome extension that extracts design assets, colors, typography, and design tokens from any website. The Overview tab also shows tech stack detection (Built With), a design health score, shadow and border-radius tokens, and a full design audit — helping designers and developers analyze and replicate design systems from any site.

Install the extension and visit any website. Click the Peek icon — the Overview tab opens by default with Built With icons (tech stack), a design health score, and quick links to the Design Audit, Typescale, and Shadows pages. Peek scans the page and extracts colors, typography, assets, shadows, and border-radius tokens into a clean, exportable format.

Yes. Peek identifies frameworks, CMS platforms, CSS libraries, and website builders — including React, Next.js, Tailwind CSS, WordPress, Shopify, Framer, and Webflow — in the Overview tab. Read the full guide.

Peek is completely free to use — including Design Audit, Tech Stack Detection, Design Health Score, and all extraction features. You can export as many tokens as you want on as many websites as you want. We are working on a paid version with advanced features and support.

Peek is available for Google Chrome, Microsoft Edge, Mozilla Firefox, and all Chromium-based browsers (Brave, Arc, Opera, and more).

Yes! Peek works entirely locally in your browser. We don't collect, store, or transmit any of your browsing data. All analysis happens on your device.

Peek works on almost all websites, but some sites with heavy JavaScript frameworks or custom styling might require additional analysis time. Complex SPAs and PWAs are fully supported. The only pages Peek does not support are official extension stores and internal browser pages.

How to extract colors from a website:

1. Install the Peek browser extension (free, 30 seconds)
2. Visit any website you want to analyze
3. Click the Peek icon in your browser toolbar
4. View all extracted colors organized by frequency
5. Export to CSS, SCSS, JSON, or Tailwind

Peek automatically extracts brand colors, theme colors, and CSS colors. Plus, it also extracts typography and assets from the same website.

What You Get:

• Brand colors, theme colors, and CSS colors
• Export to CSS, SCSS, JSON, or Tailwind formats
• Copy to clipboard or download files

Bonus: While extracting colors, Peek also extracts typography (fonts, sizes, weights) and assets (images, logos, icons) from the same website - a complete design system in one click.

Ready to try it? Install Peek for free - it takes 30 seconds.

How to extract brand colors from a website:

1. Install Peek browser extension (free)
2. Visit the website
3. Click Peek icon
4. View brand colors organized by frequency

Peek automatically identifies primary brand colors, secondary colors, and accent colors. All colors include hex codes, RGB values, and export to Figma, Adobe XD, or Sketch.

Beyond colors, Peek also extracts the website's typography system and visual assets, giving you a complete brand design system in one click.

How It Works:

• Analyzes the entire page and organizes colors by frequency
• Identifies primary brand colors, secondary colors, and accent colors
• Includes hex codes, RGB values for all colors
• Exports to multiple formats (CSS, SCSS, JSON, Tailwind)

Get Started: Install Peek free and extract brand colors in seconds.

Yes! Peek is a free browser extension for Chrome and Edge that extracts colors from any website.

Why Peek is Better:

• Works directly in your browser (no screenshots or URLs needed)
• Extracts all colors instantly: CSS colors, theme colors, brand colors
• Free - all processing happens locally on your device
• More accurate than screenshot-based tools

Complete Solution: Peek doesn't just extract colors - it's a complete design extraction tool that also extracts typography styles and visual assets (images, logos, icons) from websites, all in one extension.

Install Now: Get Peek for free - takes 30 seconds.

How to extract a logo from a website:

1. Install the Peek browser extension (free)
2. Visit the website with the logo you want
3. Click the Peek icon
4. Navigate to the Assets tab
5. Download logos in original quality

Peek extracts assets directly from the website's source files with no compression or resizing. While extracting the logo, Peek also extracts the company's color palette and typography styles, giving you a complete brand asset package in one click.

What You Get:

• All logos, images, and icons from the page
• Original quality (no quality loss)
• Multiple formats available

Get Started: Install Peek free and extract logos instantly.

Peek extracts all CSS colors from any website automatically.

What Gets Extracted:

• Background colors, text colors, border colors
• All CSS color properties from the page
• Organized by usage frequency

Export Formats:

• CSS custom properties
• SCSS variables
• Tailwind config format
• JSON for easy integration

Complete CSS Extraction: Additionally, Peek extracts CSS typography properties (font families, sizes, weights, line heights) and can download all visual assets, giving you everything you need to recreate or analyze a website's design system.

Try It: Install Peek free and extract CSS colors instantly.

Absolutely! Peek identifies and extracts theme colors from websites.

How It Works:

• Organizes colors by usage frequency
• Helps you understand the color scheme and theme
• Exports to various formats (CSS, SCSS, JSON)
• Imports directly into Figma, Adobe XD, or Sketch

Complete Theme Analysis: Peek is a comprehensive design extraction tool - along with theme colors, it also extracts typography themes and all visual assets, providing a complete design system analysis in seconds.

Get Started: Install Peek free and extract theme colors instantly.

Peek is one of the best tools for extracting colors from websites.

Why Peek Stands Out:

• Free browser extension (works in Chrome & Edge)
• Extracts colors automatically (no screenshots or manual work)
• Instant results with export to CSS, SCSS, JSON, Tailwind
• Completely free (unlike paid software)

Complete Solution: What makes Peek stand out is that it doesn't just extract colors - it's a complete design extraction tool that also extracts typography styles and visual assets (images, logos, icons) from websites, all in one tool.

Try It: Install Peek free and extract colors instantly.

While Peek is a browser extension (not a web-based tool), it's the most convenient way to extract colors from websites.

Why Peek is Better:

• Works directly on live websites (no screenshots needed)
• Extracts colors in real-time
• Free - all processing happens locally on your device
• More accurate than screenshot-based tools

Complete Solution: Peek is more than just a color extractor - it's a complete design toolkit that extracts colors, typography, and assets all at once, making it the most comprehensive solution for design extraction.

Try It Free: Install Peek - takes 30 seconds.

Yes! Peek extracts all colors from a website in a single click.

How It Works:

• Scans every element on the page
• Compiles a complete color palette
• Includes all variations and shades
• Organized by frequency

What You Get:

• All colors from the website
• Easy identification of most important colors
• Complete color palette in seconds

Bonus: With the same click, Peek also extracts all typography styles and visual assets from the website, giving you a complete design system extraction in seconds.

Get Started: Install Peek free and extract all colors instantly.

Peek is one of the best tools for downloading images and logos from websites.

Why Peek Stands Out:

• Free browser extension (works in Chrome & Edge)
• Automatically identifies all logos, images, and icons
• Downloads in original quality and resolution
• No quality loss (unlike screenshots)

Complete Solution: What sets Peek apart is that it's not just an asset downloader - it's a complete design extraction tool that also extracts colors and typography from the same website, making it the most comprehensive solution for design analysis.

Try It: Install Peek free and start downloading assets instantly.

With Peek, extracting logos without quality loss is simple:

Step-by-Step:

1. Install the Peek browser extension (free, 30 seconds)
2. Visit the website with the logo you want
3. Click the Peek icon in your browser toolbar
4. Navigate to the Assets tab to see all logos and images
5. Click download to save logos in their original quality

Why No Quality Loss:

• Peek extracts assets directly from the website's source files
• No compression or resizing
• Original resolution maintained

Bonus: While extracting logos, Peek also captures the website's color palette and typography, giving you everything you need for brand analysis.

Get Started: Install Peek free and extract logos in original quality.

Yes! Peek is a free browser extension for Chrome and Edge that extracts logos and images from any website.

Why Peek is Better:

• Works directly in your browser (no manual methods needed)
• Automatically identifies all logos, images, and icons
• Downloads in original quality
• All processing happens locally on your device
• Provides instant results

Complete Solution: The extension also extracts colors and typography from the same website, making it a complete design extraction solution.

Install Now: Get Peek for free - takes 30 seconds.

Peek is an excellent tool for extracting logos and images from websites.

How It Works:

• Analyzes one website at a time (for accuracy and quality)
• Process is incredibly fast - extract assets from multiple websites in minutes
• Simply visit each website and click the Peek icon
• Extracts all logos, images, and icons in original quality

Complete Analysis: Peek also extracts colors and typography from each site, giving you a complete design analysis. For bulk extraction across many sites, Peek's speed and accuracy make it highly efficient.

Get Started: Install Peek free and start extracting assets instantly.

How to extract fonts from a website:

1. Install the Peek browser extension (free)
2. Visit the website you want to analyze
3. Click the Peek icon
4. Navigate to the Typography tab
5. View all font families with sizes, weights, and properties

Peek extracts font information like family names, sizes, and weights (not the actual font files). While extracting typography, Peek also extracts the website's color palette and visual assets, giving you a complete design system analysis.

What Gets Extracted:

• Font families, sizes, weights
• Line heights and letter spacing
• Font previews for easy identification
• Export to CSS, SCSS, or JSON formats

Try It: Install Peek free and extract typography details instantly.

Peek extracts all typography details from websites automatically.

What Gets Extracted:

• Font families, sizes, weights
• Line heights and letter spacing
• Text colors
• Organized typography scales and hierarchies
• Font previews

Export Options:

• CSS, SCSS, or JSON formats
• Easy integration into your projects

Complete Analysis: Beyond typography, Peek also extracts colors and assets from the same website, making it a complete design extraction tool for analyzing any website's design system.

Try It: Install Peek free and extract typography instantly.

Peek automatically identifies all fonts used on any website.

Quick Steps:

1. Install the Peek extension (free)
2. Visit the website
3. Click the Peek icon
4. View all font families with sizes, weights, and properties

What You Get:

• Exact font names
• Font previews for easy identification
• All typography properties (sizes, weights, etc.)

Why Peek is Better: Unlike font identification tools that require screenshots, Peek works directly on live websites and extracts fonts along with colors and assets, giving you a complete design analysis.

Get Started: Install Peek free and identify fonts instantly.

Peek is a free browser extension that captures comprehensive typography information from websites.

What Gets Captured:

• Font families, sizes, weights
• Line heights and letter spacing
• Text colors
• Organized typography scales
• Font previews

Export Options:

• CSS, SCSS, or JSON formats
• Easy integration into your workflow

Complete Solution: What makes Peek unique is that it doesn't just extract typography - it's a complete design extraction tool that also extracts colors and visual assets (logos, images, icons) from the same website, all in one extension.

Try It: Install Peek free and capture typography instantly.

Peek makes it easy to copy fonts and text styles from websites.

Quick Steps:

1. Install the Peek extension (free)
2. Visit any website
3. Click the Peek icon
4. Navigate to the Typography tab

What You Can Do:

• Copy individual font properties
• Export entire typography system to CSS, SCSS, or JSON
• View font previews
• See styles organized by hierarchy

Complete Inspiration: While copying typography, you can also extract the website's color palette and assets, giving you everything you need for design inspiration in one place.

Get Started: Install Peek free and start copying fonts instantly.

Peek supports multiple export formats including CSS, SCSS, JSON, Tailwind CSS, SVG, and even plain text! You can copy assets and tokens to clipboard or download them as files. Peek also supports directly pasting to Figma.

Yes! Peek lets you export colors in SVG format compatible with popular design tools including Figma, Adobe XD, and Sketch. You can also export to CSS, SCSS, or JSON for development workflows.

No, Peek has minimal performance impact. The analysis only runs when you activate the extension, and it uses efficient algorithms to quickly scan page elements without affecting site performance.

Try refreshing the page and running Peek again. If issues persist, check that the website allows extensions to run. For complex sites, try running Peek after the page has fully loaded.

We release updates monthly with new features, bug fixes, and compatibility improvements. You can check our updates page or follow us on social media for the latest news.

You can get help or report issues in several ways:

From the Extension:

• Open the Peek extension menu
• Click on "Feedback" to submit issues or suggestions directly

From the Website:

• Visit our Contact page to send us a message
• Email us at [email protected] for support or bug reports