FNJ

Is It Legal to Copy a Website Design? Where the Line Is

Inspiration or infringement? What copyright and trademark law generally protect on a website, where the risks sit, and a safe way to use reference sites.

PublishedOctober 14, 2026
Read time9 min
Written byThe Framer → Next.js team
All posts ↗

Taking inspiration from a website's general look, such as its layout approach, color mood or style of typography, is usually legal. Copying its protected material, such as its text, photos, illustrations, code or logo, usually isn't, and copying a whole look closely enough that people could mistake your business for another one can create trademark or unfair-competition problems even if no single element was copied. This article is general information, not legal advice, and the rules vary by country.

Not legal advice. Copyright, trademark and design law differ between countries, and outcomes depend on the facts. If you're worried about a specific site, or you've received a complaint, talk to a lawyer where you operate.

The short version

Part of a website Usually protected? Why
Written copy: headlines, about text, service descriptions Yes, usually by copyright It's original written expression
Photos, illustrations, icons, video Yes, usually by copyright Someone created them, and the site often only holds a license
Logos and business names Often, by trademark (logos can also be protected as artwork) They identify a business to customers
HTML, CSS and JavaScript Often, by copyright Code is a form of written expression
Font files Licensed software A license covers the buyer, not every visitor who sees the font
A layout idea: hero, three cards, testimonials, FAQ Usually not, on its own Common ideas and conventions are shared
A color palette or a general typographic style Usually not by copyright, on its own Colors and styles aren't original expression by themselves
A distinctive overall look tied to a known brand Sometimes Trade dress, passing off, unfair competition or design rights, depending on the country

The rest of this post explains each row, looks at how an AI builder that designs from a link to a site you like should treat that site, and ends with a checklist you can follow.

What copyright generally protects

Copyright protects the expression of an idea, not the idea itself. The World Intellectual Property Organization's overview of copyright makes this point directly: protection covers expressions, not ideas. The US Copyright Office's FAQ on what copyright protects similarly lists facts, ideas, systems and methods of operation as outside copyright, and notes that names, titles, slogans and short phrases aren't covered by it either, though trademark law may protect them.

On a website, the expression is usually:

  • The words. Headlines, body copy, product descriptions, case studies and FAQs.
  • The images. Photographs, illustrations, icons, diagrams, background patterns and video.
  • The code. The HTML, stylesheets and scripts, which is why downloading a page's source and republishing it is a different act from admiring how it looks.
  • Original graphics. Custom artwork, including many logos.

Two myths cause most of the trouble:

  1. "It's public, so I can use it." Being visible to everyone is not the same as being licensed to everyone. A photo on a public page is still someone's photo.
  2. "If I change enough of it, it's mine." There's no reliable percentage rule. Swapping a few words in someone's paragraph or recoloring their illustration doesn't make it your own work.

What copyright generally doesn't protect

Most of what makes a website "look like" a website is shared vocabulary:

  • Layout conventions. Logo top left, navigation top right, a hero with a headline and a button, three feature cards, a testimonial row, an FAQ and a footer full of links.
  • Ideas and methods. A pricing page with three tiers and the middle one highlighted, or a booking button pinned to the bottom of the screen on phones.
  • Colors and general style. A dark green and cream palette, generous white space, or Swiss-style typography with big grotesque headlines.
  • Common interface patterns. Accordions, tabs, card grids, sticky headers.

If every site that used a hero section needed permission, the web couldn't work. Designers have always studied each other's sites, and that's how styles spread.

But "not protected by copyright" doesn't mean "no risk at all". The next section is where careful people still get caught.

Where it gets risky without copying a single word

Trademarks and confusion

Trademark law protects the names, logos and slogans that tell customers who they're dealing with. Using another business's name or logo, or something confusingly close to it, is risky no matter how original the rest of your site is. The test in many places turns on whether customers are likely to be confused about who is behind a product or service.

Trade dress, passing off and unfair competition

Some countries go further and can protect a distinctive overall presentation when customers associate it with one business. In the US this is usually discussed as trade dress. In the UK and some other common-law countries, the related idea is passing off. Many other countries handle it through unfair-competition rules. The details vary a great deal, but the pattern is consistent: the closer you are to a competitor's overall look, in the same market, aimed at the same customers, the higher the risk.

Design rights

Some jurisdictions, including the EU, have design-right systems that can cover the appearance of things like screen layouts and icons. If you're working close to a well-known product's interface, that's another reason to get advice.

Context matters

Compare two cases. A garden-design business in Bristol borrows the calm, editorial feel of a Copenhagen architecture studio's site, with its own photos, words and name. Nobody will confuse the two, and the garden designer took a style, not content. Now imagine a hair salon copying the layout, palette, section order and tone of the salon across the street. Even with new words, that's the situation where confusion, and complaints, become likely.

Mistakes people make with good intentions

  • Using a website cloner or "Save page as". These tools copy the code, images, fonts and often the tracking scripts. You'd be publishing someone else's files.
  • Reusing a reference's stock photo. The other site paid for its license. That license usually covers its use, not yours.
  • Downloading a font you saw in someone's CSS. Seeing a typeface on a site doesn't give you the right to its font files. Buy a license, or pick an openly licensed family such as those in Google Fonts.
  • Copying a site that was built on a paid template. The design usually belongs to the template's author and is sold under a license. Buy the template rather than recreating it.
  • Keeping "placeholder" copy from another site. It's easy to forget a borrowed paragraph until someone else finds it.

A safe-practice checklist

Use this whenever you design from references, by hand or with an AI builder.

  • Use two or three references and take something different from each, rather than one site you follow closely.
  • Prefer references from outside your direct market and region.
  • Write your copy from scratch. Don't paraphrase another site line by line.
  • Use photos you took or licensed yourself, and keep the license records.
  • Use your own name and logo, and avoid a competitor's signature colors.
  • Change the structure, not only the colors. If your pages match another site's sections one to one, in the same order, you're cloning.
  • Use fonts under a license that covers your site.
  • Keep a simple record of your references and what you took from each.
  • Get legal advice before launch if your design is close to a competitor's, and straight away if you receive a complaint.

For choosing references that pass this checklist from the start, see how to choose reference websites.

How an AI builder should treat a reference

An AI tool can make this line easier or harder to keep. A tool that rebuilds a page section for section, or pulls in the reference's text and images, puts you closer to copying. FNJ's AI builder is designed to stay on the inspiration side. When you give it a link, it reads design signals such as font families, type scale, colors by role, corner radii, shadows, navigation and button styles and page structure. It takes the look (grid, typography, palette, spacing, component style) and never the reference's words, logos or images, and it doesn't rebuild the page section for section. The copy is written for your business.

That handles the reference. It doesn't cover everything you add afterwards. The photos you upload, the words you edit and the name you choose are still your responsibility, so the checklist above still applies.

Using a site you admire, the safe way

If you have a site whose feel you'd like to work from, you can start from a site you admire with FNJ's AI builder: it takes the visual language, writes your own content and builds every page at desktop, tablet and phone widths. You can also add a screenshot of a design you like when you care more about its composition than its exact fonts and colors.

Frequently asked questions

Is it illegal to copy a website layout?

A general layout idea, such as a hero, three feature cards and an FAQ, usually isn't protected by copyright on its own because it's a common convention. Copying the text, images or code, or copying a competitor's whole look closely enough to confuse customers, can be a problem. This is general information, not legal advice, and the rules vary by country.

Can I use a competitor's website as design inspiration?

Studying any site for ideas is a normal part of design. The risk rises when you take a direct competitor's overall look in the same market, because customers might confuse the businesses, so prefer references from outside your market and talk to a lawyer if you're unsure.

Can I use the same fonts and colors as another website?

Colors and general styles usually aren't protected on their own, though a competitor's signature colors in the same market can add to confusion. Fonts are licensed software, so you need your own license or an openly licensed alternative rather than the other site's files.

Can I rewrite another website's text and use it?

Paraphrasing someone else's copy line by line is risky, because there's no reliable rule for how much change makes text your own. Write from your own knowledge of your business instead.

What should I do if someone says my website copies theirs?

Take it seriously, compare the two sites honestly, and get advice from a lawyer in your country before you reply or make changes. This article can't tell you whether a specific claim is valid.

#ai website builder#copyright#web design#reference websites

Build your site with our AI builder

Show it a site you love and describe your work. It designs every page for desktop, tablet and phone, and gives you the code.

Try the AI builder →
Up nextHow to Redesign a Website With AI Without Losing Your Brand
Also readFramer AI Alternatives: AI Builders That Give You the Code
Also readHow AI Website Builders Work (and Where They Fall Short)

Ready to convert your website?

Paste your published Framer URL to generate a production-ready project in minutes.

Example: https://your-site.framer.websiteYour published site’s address — the one visitors see. A custom domain works too.