Recreate a design you love, legally.

You can legally recreate the design of a website you admire, as long as you copy its ideas and not its files. In the US, copyright protects a site’s text, images, graphics and code, but not its layout, format or overall look and feel. Trademark law adds one more limit: your site must not look so much like a known brand that visitors think you are connected.

So the safe way to clone a website design is to study it, describe what makes it work, and rebuild it from scratch with your own content. This guide shows where the line sits, with the official sources, and a method that keeps you well clear of it. It is general information about US law, not legal advice.

01Is it legal to clone a website design?

It depends on which part you clone. Here is how US law treats each piece of a website.

The short version: take the ideas, leave the expression. The next two sections explain where that rule comes from.

02What copyright protects on a website

Copyright protects original expression, not ideas. The Copyright Act excludes “any idea, procedure, process, system, method of operation, concept, principle, or discovery”, however it is described or illustrated.

The Copyright Office applies this to websites directly. Its practice manual, the Compendium, says protection does not extend to the ideas for a website, or to ideas for its visual design or user interface. On layout, it is blunt:

The same section says a webpage’s layout or format is not copyrightable on its own, no matter how many elements it uses. A particular arrangement of specific text and images can be protected, but only that exact content, never the layout pattern itself.

What copyright does protect is the concrete material:

• Words. Headlines, product descriptions and articles are literary works.

• Visuals. Photos, illustrations and graphic designs can be registered if they are original.

• Code. The Office can register human-written HTML as a literary work when it is creative enough, and scripts are software.

Fonts are a special case. US copyright does not protect typeface designs, but a font file comes with a license. Use a font only if you have your own license for it, or choose a free one whose license fits your use.

03Trademarks and trade dress: the other line

Copyright is not the only law in play. Trademark law protects names, logos and slogans that identify a business. Trade dress, part of the same law, protects the overall look of a product or its packaging when that look tells customers who made it.

The test is confusion. The statute covers anything “likely to cause confusion” about the “affiliation, connection, or association” of one business with another. For unregistered trade dress, the owner must also prove the look is not functional.

In practice, a common, practical layout is hard to claim, because countless sites use it. The risk begins when you copy a well-known brand’s distinctive look closely, especially if you sell similar things. Similar colors, imagery and styling on a competing product invite exactly the confusion the law targets.

04How to study a design you admire

Studying a site is legal, and it is how designers have long learned. The goal is to understand why it works, then express the same principles in your own way.

1. 01

   Collect three to five references

   Borrowing from one site produces a copy. Borrowing principles from several produces something new. Save screenshots of the pages and sections you like.

2. 02

   Name what makes each one work

   Write principles, not pixels: “one idea per section”, “huge type with a tiny menu”, “photos of real customers”, “lots of white space”.

3. 03

   Measure the system

   Your browser’s developer tools show font sizes, spacing and column widths. Learn from the numbers, then choose your own. Do not paste their CSS.

4. 04

   Write a brief in your own words

   Turn your notes into a short design brief for your site, with your own palette, fonts, imagery and copy. The brief, not the reference, becomes your source. Our guide to AI-assisted UI design turns that brief into a full workflow, from references to a coded interface.

A chat model can help with the analysis, as long as you tell it not to copy anything:

I am attaching screenshots of three websites I admire. Do not reproduce any of their text, images, logos or code.
1. Describe the design principles each one uses: layout, type scale, spacing, color strategy, imagery and tone.
2. List what they have in common.
3. Write a design brief for my site, [a booking site for a yoga studio], that uses those principles with a different palette, typefaces, imagery and copy.
4. Point out anything in the brief that is still too close to one of the references.

05How AI build-from-a-URL tools fit

Some AI builders and coding agents can take a URL or a screenshot as their starting point. That is a fast way to rebuild a structure. It is not permission to reuse what is on the page, and the rules above apply exactly as they would by hand.

Cyborb’s build-from-url skill works this way: point it at a page and you get your own code back. Treat that as a first draft. Replace every word and image, apply your own brand, and check the result against the reference before you publish.

The same prompt discipline works with any agent:

Use [URL] only as a structural reference.
Recreate the section order and layout ideas in fresh code for my site, [Studio Sol, a yoga studio in Porto].
Do not copy any text, images, icons, logos, fonts or code from the reference.
Use my brand: colors [#2E4A3F and #F4EFE6], fonts [Fraunces for headings, Inter for body], and my copy from [content.md].
When you finish, list anything that still resembles the reference closely enough that I should change it.

If AI writes your new copy or images, ownership has its own rules, covered in our guide to who owns AI-generated content. For the full build, see how to build a website with AI.

06Before you publish

If you swapped only the name and kept every section, headline, image and color, you made a copy, not a recreation. Change the content first, then the look, until the site stands on its own.

07When to talk to a lawyer

A guide can map the line. It cannot weigh the facts of a close call. Talk to an intellectual property lawyer when any of these apply:

• You receive a cease-and-desist letter or a takedown notice.

• You compete with the site you drew from, selling similar products.

• You want to keep something recognizable from the original, such as a signature color or layout feature.

• You are launching outside the US, where the rules differ.

If you want to read the sources yourself, they are short and plain. Start with the Copyright Office’s Circular 33 on works not protected by copyright, then chapter 1000 of the Compendium, which covers websites.

08FAQ

Next, turn your brief into a site with our guide to building a website with AI, then make it earn its keep with a landing page that converts.