Inside the ZIP

See the visual DNA a new build starts with.

This sample is a genuine one-page analysis of example.com. Explore the generated files that map page structure, design tokens, layout, typography, responsive behavior, and available captures into a comprehensive brief for a new website.

01page analyzed

32files in the ZIP

01desktop capture included

website-analysis.zip · example.com · 32 files

Documentation

README.md MD

REBUILD.md MD

website-overview.md MD

information-architecture.md MD

design-tokens.md MD

typography.md MD

content-style.md MD

imagery-and-video.md MD

motion-and-interactions.md MD

responsive-behavior.md MD

implementation-plan.md MD

components.md MD

design-system.md MD

Structured data

data/pages.json JSON

data/tokens.json JSON

data/components.json JSON

data/navigation.json JSON

data/selection.json JSON

data/interactions.json JSON

data/motion.json JSON

data/assets.json JSON

data/report.json JSON

data/layout.json JSON

data/responsive-pairs.json JSON

Page notes

pages/home.md MD

Screenshots

screenshots/manifest.json JSON

screenshots/desktop/home.webp CAPTURED

Theme files

theme.css CSS

theme.v2.css CSS

tailwind.config.js JS

tailwind.theme.mjs MJS

fonts.css CSS

README.md

Start with the overview

A source summary, selected pages, capture coverage, and interpretation notes connect the top-level guide to the rest of the pack.

# Website analysis: example.com

Source: https://example.com/
Pages: 1/1 selected; 1 discovered
Screenshot captures: 1; binaries included: 1/1
Observation status: valid

## Analyzed pages
- [Example Domain](pages/home.md) | `/` | priority 1

Preview data/pages.json

[
  {
    "url": "https://example.com/",
    "path": "/",
    "title": "Example Domain",
    "pageType": "homepage",
    "isHomepage": true,
    "selected": true,
    "viewport": { "width": 1440, "height": 900 }
  }
]

Preview theme.css

:root {
  --color-1: rgb(158, 158, 255);
  --color-2: rgb(255, 255, 255);
  --font-size-1: 16px;
  --font-family-base: system-ui, sans-serif;
}

Preview pages/home.md

# Example Domain

Path: /
Type: homepage
URL: https://example.com/
Language: en

## Content in source order

This domain is for use in documentation examples without needing permission.

Actual archive capture: the ZIP contains screenshots/desktop/home.webp, listed in the file tree. The source-site examples below are separate views to show how website layouts can appear at different widths.

Generated from the same observations

Written guides and structured data stay connected.

The package generator projects its bounded observations into documentation, JSON records, theme files, and available captures.

Markdown guides

Browse page notes, typography, responsive behavior, imagery, and rebuild guidance.

Structured records

Inspect page, token, navigation, interaction, asset, and report data.

Captures when available

Desktop, mobile, and section captures depend on the source site and hosted limits.

How to use this sample

This archive is small enough to inspect quickly, but it follows the same generated file structure used by larger runs. Use it to understand where each kind of evidence lives before opening a full package.

Read the overviewThe README connects the source URL, selected page, capture coverage, and the rest of the documentation.

Compare written and structured outputUse the page note for readable context and the JSON record for the machine-readable observation.

Treat images as evidenceThe included screenshot shows one captured viewport; other runs may contain different or fewer capture files.

1 Inspect

Open the ZIP contents

Begin with README.md and REBUILD.md, then review page notes and the selection report.

2 Ground

Use design tokens

Provide data/tokens.json, data/layout.json, responsive records, and available assets to your agent.

3 Build

Match the source style

Ask it to follow the same page structure, palette, typography, imagery, and art direction.

ClaudeCodexOpenCodeCursorAny other AI agent

4 Review

Compare the result

Check the rebuilt page against available reference captures and responsive notes.

93.2 / 100One recorded one-prompt evaluation on a clean content site scored 93.2/100. The result describes that site and setup. Other sites can score lower as complexity, interactions, or source detail coverage change.

Source-site views

See a sample website at desktop and mobile widths.

These sample images show the same website at two screen sizes. Navigation, image scale, and project cards adjust for the available width.

Desktop homepage for the sample interior architecture studio Morrow House — **Desktop view**Navigation, a main project image, and selected work cards in a wide layout.

Mobile layout of the Morrow House homepage, with stacked content and project cards — **Mobile view**The same sections appear in a single column.

Get started

Create an account to continue.

Site Stripper organizes public page details into a portable reference pack.

Create your account

See the visual DNA a new build starts with.

Start with the overview

Written guides and structured data stay connected.

Markdown guides

Structured records

Captures when available

How to use this sample

Give a new site the same style and art direction.

Open the ZIP contents

Use design tokens

Match the source style

Compare the result

See a sample website at desktop and mobile widths.

Create an account to continue.