PikSpec — Website Inspector

Inspect the current page, capture design evidence, and continue in your private PikSpec workspace.

PikSpec helps designers, developers and people building with AI understand the design behind a website. Inspect the page you’re viewing, explore its visual styles, and turn measured details into reusable design references — from a Chrome side panel. INSPECT THE DETAILS Point at an element to see its computed styles, fonts, colours, dimensions, spacing, borders and more. Read the values behind a heading, button or layout instead of guessing from a screenshot. EXPLORE STYLES AND MEDIA Review the page’s colours, typography, spacing and effects. Browse supported images, SVGs, icons and other media references found on the page. EXPORT DESIGN TOKENS Generate a reusable set of design tokens from observed page styles. Export CSS custom properties, JSON, a Tailwind v4 theme, SCSS variables or a DESIGN.md brief for your next build and your AI coding tools. CREATE A STATIC PAGE REFERENCE Use Clone to capture a static HTML/CSS reference with supported page assets. It provides a starting point for studying or rebuilding a design; it does not reproduce the original application’s backend or guarantee identical interactive behaviour. Only reuse pages and assets you have permission to use. KEEP YOUR REFERENCES TOGETHER Review a capture before saving it to your private PikSpec workspace. Reopen saved design evidence and continue working with it later. Responsive desktop, tablet and mobile screenshots are optional and initially selected during save review; clear the checkbox if you do not want them included. YOU CHOOSE WHEN TO INSPECT Opening PikSpec or switching tabs does not automatically analyse a page. Choose “Grant access & analyse” to begin. Page inspection happens locally; saving selected evidence to your workspace uploads that evidence after your confirmation. Account and allowance checks communicate with PikSpec’s service. Screenshot capture and rendered-font verification can show Chrome’s debugging notice. ACCOUNT AND PLAN DETAILS Basic inspection works without signing in. Workspace saves and account-based features require a PikSpec account. Free and paid plans have different allowances for generation, reconstruction, cloning and other metered actions. See current plans and limits at https://www.pikspec.com/pricing. Some protected browser pages, media sources and page behaviours cannot be captured. Screenshots and static references may contain personal information; clone archives may also include hidden markup and preserved inactive scripts. Review the source and the capture before saving or sharing. Website: https://www.pikspec.com/ Help: https://www.pikspec.com/support Privacy: https://www.pikspec.com/privacy