How To Parse A Premium Website And Rebuild Its Design Y...

If you run a small business, at some point somebody quotes you for a website. In some industries that quote is a monthly subscription to a platform built specifically for your trade. In others it is a project fee. Either way the number is usually large, and the thing you are being sold is described as a design.

I wanted to know how much of that number is actually design. So I measured it.

I saved the marketing sites of 15 companies that sell websites into one industry, 15 platforms that sell websites to creators and personal brands, and the pricing pages of the three big places you could host a site yourself. Then I measured what they charge, what they publish, and what their design layer is actually made of.

The short version: the design layer is real, it is measurable, and you can reproduce it yourself in an afternoon with an AI assistant and a free host. What you often cannot reproduce is the data feed and the customer database sitting behind it, and that, not the design, is what the price is mostly for.

This is the beginner version. There is an advanced version for people who want the full pipeline.

Part 1: what these platforms actually cost

I looked at 15 companies selling websites into one vertical. Thirteen of the fifteen do not publish a price at all. The button says "Book a demo" or "Talk to sales", and you find out the number on a call.

The four that publish something:

One publishes tiers at $299.95, $399.95 and $599.95 per month, and mentions a setup fee separately.
One states it starts at $1,299 a month for the platform.
One publishes $89 per user, per month.
One does not publish a price but asks, in its contact form, which budget band you are in. The bands start at $12,000 to $24,000 and go up through $24,000 to $48,000, $48,000 to $96,000, and $96,000+.

Now compare the creator and personal-brand platforms, which sell to individuals rather than to businesses with commission income. Almost all of them publish prices openly:

Link-in-bio tools at $8, $15 and $35 per month, with a free tier.
Another at $30 a month, with a free tier.
Course and membership platforms at $42, $84 and $150 per month, and another spanning $15 to $499 a month.
An email and creator platform at $33, $66 and $99 per month.
A visual site builder from $9 to $39 a month.
A commerce platform at $29, $79 and $299 a month.

Two things stand out.

The vertical platforms are between three and forty times the price of the general-purpose ones. And the more expensive category is the one that will not tell you the price up front.

That is not automatically a scam. A platform that plugs into an industry data feed, routes inquiries, and stores your customer history is selling you software, not a website. But it does mean that when you are quoted, you should know which part of that number is the design.

Part 2: the design part is smaller than you think

I have written before about what actually makes a site look expensive. The finding, from measuring seventeen high-end sites in one vertical, was that it comes down to about seven decisions: light heading weights instead of bold, tight leading on display type, an off-white ground instead of pure white, charcoal instead of black, exactly one muted accent color, a very large spacing value, and three easing curves.

Those seven decisions are values. They are not code, they are not a framework, and they are not a subscription. You can put all of them into any website in an afternoon.

Here is the evidence that they travel across industries. Measuring font weights across the four groups I saved:

Corpus	Dominant heading weights
High-end client sites in the vertical	400 (108 uses), then normal (62), then 300 (41)
The vendors selling those sites	700 (235), 600 (170), 500 (136)
Creator and personal-brand platforms	400 (245), 500 (223)
Developer infrastructure hosts	600 (18), 500 (15)

Read the first two rows again. The client sites those companies build use light weights. The companies' own marketing sites use heavy ones.

That is not hypocrisy, it is two different jobs: a marketing site is trying to convert a visitor in eight seconds, and a luxury property site is trying to feel calm and established. But it tells you something useful. The "expensive" look is a deliberate, specific setting, not a mystery, and the people selling it switch it off when they want to sell you something.

Part 3: the beginner method, five steps

You need an AI assistant that can read files and run commands. Claude Code, Codex, Cursor, Gemini CLI and similar tools all work. You do not need to know CSS.

Step 0: stay on the right side of the line

Before you save anybody's page, thirty seconds of housekeeping that keeps this entirely uncontroversial.

Read the site's Terms of Service. It is usually linked in the footer. Plenty of sites prohibit automated access, crawling or scraping. If the terms say no automated access, do not automate it. Open the page in your browser and look at it like a person. That is always fine, it is what the page is published for, and for this job it is genuinely enough: everything in this post works from a page you saved by hand.

Do not automate at all unless you have a reason to. The beginner method here needs two or three pages. Two or three pages is a browser and a "Save Page As", not a script. If you find yourself writing a crawler to measure a font weight, you have overshot.

Never touch anything behind a login or a paywall, and never collect personal information about identifiable people. Reading a public marketing page is one thing. Anything involving accounts or personal data is a completely different legal universe and this post does not go there.

Take values, never identity. Measuring that a heading uses weight 400 with a 1.03 line-height is reading a published fact, and studying proportions is how designers have always learned. Copying someone's logo, brand name, photographs, written copy, or a distinctive overall look that customers associate with them is not that. Take the line-height. Build your own brand on top of it.

If a site pushes back, stop. A block, a challenge page, or a "we don't allow this" message is an answer.

I am not a lawyer and this is not legal advice. The safe path is narrow and obvious: read the terms, use your browser, take proportions rather than identity, and stop when anything says no. If you are doing this commercially or against a direct competitor, ask a lawyer first.

Step 1: pick two or three sites you think look expensive

Not competitors necessarily. Sites in any industry whose look you want. Save the page: in any browser, File → Save Page As → Web Page, Complete, or just right-click and View Page Source, then copy it into a text file.

That is the whole "parsing" step. The design values are in the file.

Step 2: ask your assistant to measure them, not describe them

This is the part people get wrong. If you ask an AI "what makes this site look good", you get adjectives: elegant, clean, modern. Adjectives are useless. Ask for numbers.

Read the saved HTML and CSS in this folder. Do not describe the design in adjectives. Extract the actual declared values: every font family and weight used on headings and body text, every line-height, the hex codes of the page background, text color and accent color, the section padding values, the border radius values, and every transition duration and cubic-bezier easing curve. Give me the counts of each so I can see which values dominate. Where a value comes from a CSS custom property, resolve it.

You will get back a table. That table is the design system you were being quoted for.

Step 3: sanity-check the values against a known-good set

The measured values from my seventeen-site teardown are published as a free file you can hand to the same assistant: premium-design-system-spec.md. It contains the type scale, palette, spacing and motion tokens, plus explicit instructions telling the assistant to work on presentation only and to verify contrast by calculation.

Give it both, and ask it to reconcile:

Here is a measured design specification. Here are the values I extracted from the sites I like. Where do they agree, and where do the sites I picked differ? For each difference, tell me which is more likely to suit my business and why.

Step 4: apply it to your own site, additively

The instruction that matters:

Apply these values to my site by writing ONE new stylesheet that loads after my existing one, redefining the CSS custom properties my site already uses. Do not edit my templates. Do not change any structured data, page titles, or meta descriptions. I want to be able to undo this by deleting one line.

That last sentence is your safety net. If you hate the result, you delete one <link> tag and you are back where you started.

Then make it prove the contrast. Ask explicitly:

Check every text and background color pair you introduced against the WCAG minimums: 4.5 to 1 for normal text, 3 to 1 for large text and for input borders. Calculate it, do not estimate it. Fix anything that fails and show me the numbers.

When I did this on a real site, that single instruction found that every primary button on the site was at 4.0 to 1, below the accessible minimum, and had been for months before I touched it. It is the highest-value question you can ask.

Step 5: host it

This is where the "expensive website" story falls apart hardest.

Netlify: free tier is "$0 forever". The paid team plan is $20 a month.
Vercel: has a free Hobby tier. Pro is $20 a month, which includes $20 of usage credit.
Cloudflare: Workers has a free plan; the paid plan starts at a $5 per month minimum, includes 10 million requests a month, then $0.30 per additional million, and importantly charges nothing for bandwidth or egress.

For a small business site with normal traffic, all three are either free or under $20 a month.

Part 4: the honest part

I am not going to tell you that every expensive platform is a rip-off, because the measurements do not say that.

What you can absolutely do yourself: the design. The type scale, the color system, the spacing rhythm, the motion, the accessibility. That is what this post is about, and it is genuinely a free afternoon.

What is harder to replace: a live industry data feed with licensing attached to it, a customer database that tracks every inquiry over years, automated follow-up, and someone else being responsible when it breaks at 2am. In some industries there is also a compliance layer.

So the honest framing is not "cancel your subscription". It is: know which part of the invoice is design, because that part you can now do yourself, and it is often the part being used to justify the price.

If a platform is charging you $600 a month and the data feed and CRM are genuinely load-bearing for your business, that may be fair. If it is charging you $600 a month and you are mostly getting a nice-looking brochure site, you now have the tools to price that honestly.

Part 5: this is not just for one industry

I deliberately measured creator and personal-brand platforms alongside the vertical ones, because the same logic applies to anyone with an audience.

The measured differences between categories are real and worth knowing:

Corner radius is the fastest signal of register. The developer infrastructure sites cluster at 3px, sharp and technical. The high-end client sites sit at 8px and 16px. The creator platforms are the roundest, with 15px, 30px and 100px the most common values. Rounder reads friendlier and more approachable; sharper reads more serious.
Dark mode splits by audience. All five developer-host pages I measured respond to prefers-color-scheme. Six of fifteen creator platforms do. Of the sixteen high-end client sites, none do.
Motion accessibility is worst at the top of the market. Not one of the sixteen expensive client sites ships a prefers-reduced-motion block. Seven of the fifteen vendor sites do. If you build your own, you can be better than your reference material for the cost of five lines.

If you are a creator, an influencer, a coach or a personal brand, the method is identical. Pick sites you admire, measure them rather than describing them, reconcile against a known-good spec, apply additively, verify contrast, deploy on a free host.

The files

Both of these are free, need no signup, and are written to be pasted directly into an AI assistant:

premium-design-system-spec.md carries the measured design values with instructions for the assistant.
parse-a-site-starter-kit.md is the beginner version of this whole post as a single prompt sequence, including the exact wording for each of the five steps above and a checklist to confirm you did not break anything.

If you want the version with the full extraction pipeline, multi-tier fetching, and the verification harness, that is the advanced post.

And if you would rather have someone hand you the whole thing as a book, going from a blank domain to a working accessible site for about a hundred dollars, that is The $97 Launch.

Fact-check notes and sources

All pricing was read from the vendors' own public pricing or marketing pages on 22 August 2026. Prices change, and several of these companies change them without notice. Verify any figure before making a decision on it.

The 15 vertical platform sites and the 15 creator platform sites are deliberately not named. They are private companies being used to illustrate a pricing and design pattern, not case studies, and none of them asked to be written about. The figures are quoted as ranges and tiers exactly as published.
"13 of 15 do not publish a price" means their pricing or plans page presents a demo or sales-contact call to action instead of a number, as of 22 August 2026.
The budget bands ($12,000 to $96,000+) were read from a required field in one vendor's own contact form. That is a self-selected budget range, not a quoted price, and it should be read as an indication of the market that vendor targets.
The $450B figure that appears on one vendor's homepage is client transaction volume, not pricing, and I mention it only because it is easy to misread as a price.
Host pricing, read 22 August 2026: Netlify pricing shows Free at "$0 forever" and Pro at "$20/month with unlimited members". Vercel pricing shows Pro at "$20/mo" including "$20 of included usage credit", plus a free Hobby tier and custom Enterprise. Cloudflare Workers pricing documents a free plan, a paid plan with a "minimum charge of $5 USD per month for an account", 10 million included requests per month with "+$0.30 per additional million", and states there are "no data transfer (egress) or throughput (bandwidth) charges".
Design measurements (font weights, radii, prefers-reduced-motion and prefers-color-scheme presence) were counted across saved copies of the pages in each corpus: 16 high-end client sites, 15 vertical vendor sites, 15 creator platform pages, 5 host pricing pages. These count declarations present in the markup and inline styles, which weights heavily-repeated declarations. They are evidence of what is in each system, not a measure of visual area.
WCAG thresholds are from WCAG 2.2 SC 1.4.3 Contrast (Minimum) and SC 1.4.11 Non-text Contrast.

The Expensive Website You Are Quoted For Is Mostly A Design Decision And A Data Feed. Here Is How To Copy The First Part Yourself, For Free.