Style-reference pageLayout to HTML Conversion

A page in HTML and CSS in the style of a site you like, with your own content and a phone version

Usually ready in 15 minutesRevisions includedQuality check
Payment protectionDetails
  • Revisions within the package are free.
  • If you do not respond within 3 days of delivery, the work is accepted automatically.
Order · $39

The money is reserved when you pay and released only once you accept the work.

A page in HTML and CSS in the style of a site you like, with your own content and a phone version

Example result

Example for the Standard package

Dental clinic home page built from its design

Before: the design the client sent

The home page design

After: the working page

The page on a computer The page on a phone

Files: a ZIP archive with index.html, the styles and 2 pictures for the page, ready to upload to the client's hosting. The pictures here are screenshots of the page.

Client: Bright Smile Dental. Task: turn the home page design into a working HTML page with the same layout, colours and texts, and booking buttons that call the clinic.

The client and all details are made up.

About this service

You have seen a site whose look you like and want your page to feel similar. Upload a screenshot of it as a style reference, together with your own texts, logo and photos, and we build a page in HTML and CSS that takes only the look and the layout idea: the mood, spacing, type style and the way sections are arranged. That site's logo, brand, texts, photos and illustrations are never used: the content is yours, and the pictures are drawn anew. The result is your own page in a similar spirit, not a copy of that site. You get a phone version and a ZIP for your hosting; no animations, back end, CMS or hosting.

What is included

  • What you getA ZIP archive with the pages, styles and pictures, ready to upload to your hosting, and a preview of every page on the order page.
  • Style, not contentMood, spacing, type style and section rhythm from the reference
  • Your contentYour texts, logo and photos, as you send them
  • Pictures drawn anewIn the mood of the reference, never copied from it
  • Phone versionEven when the reference shows only a desktop screen
  • Clean codePlain HTML and CSS, no frameworks, nothing loaded from other sites

How it works

  1. 1
    Reference and contentYou upload a screenshot of the site you like and send your own texts
  2. 2
    BuildWe build your page in that style and draw new pictures
  3. 3
    Preview and archiveYou check the page on a computer and a phone, download the archive and ask for changes within your package

What we need from you

Up to 5 pictures as PNG, JPEG or WebP: one or two screenshots of the site you like, used only as a style reference, plus your logo and photos that you own or have the right to use. Your texts for every section, your brand colours if you have them, what exactly you like in the reference (for example, the large headline and airy spacing) and where each button leads.

We will ask you:

  • What do you like about the reference?
  • What is your page for?
  • Your texts for each section
  • Your colours and logo
  • Are the logo, photos and texts yours?

Compare packages

Basic1 page of up to 5 sections$21Standard1 page of up to 10 sections$39PremiumUp to 3 pages$67
Deadline1 day2 days3 days
Revisions123
Pages113
Sectionsup to 5up to 10up to 8 per page
Pictures drawn for the page24—
Phone versionYesYesYes
From the referenceLook and layout idea onlyLook and layout idea onlyLook and layout idea only
Pictures drawn for the pages——6
OrderOrderOrder

Payment protection

You pay when you order, but the money is released only for accepted work.

  • Fixed priceThe package price does not change after you pay.
  • The money is reservedWhen you pay, the amount is only reserved. It is released to the service once you accept the work.
  • Checked before deliveryEvery result goes through a quality check before it reaches you, and you see it on the order page before accepting it.
  • Free revisionsAsk for changes within your brief as many times as the package allows.
  • Acceptance after 3 daysIf within 3 days of delivery you neither accept the work nor ask for changes, it is accepted automatically. If you write in the order chat after delivery, the order waits; once we answer, we may start the 3 days again and will say so in the chat.
  • Redo or a full refundIf the result does not match your brief and the revisions did not fix it, or the work takes more than twice its deadline, write in the order chat: we will redo the work or refund the payment in full.
How it works →

Questions and answers

Can you copy the site one to one?

No. We take only the look and the layout idea. The other site's logo, name, texts, photos and illustrations are never used, and your page should not be mistaken for that site or its brand.

Whose texts go on the page?

Yours. Send texts for every section; we do not reuse the reference's words. Without texts, sections get short neutral placeholders that you replace later.

Can I keep my own brand colours?

Yes, and we recommend it: your colours and logo with the reference's spacing, type style and rhythm make the page clearly yours. Give us your colour codes or upload your logo.

What can I upload?

A screenshot of the site you like, for its style only, and content you have the right to use: your own logo, photos and texts. We do not use pictures taken from the reference or from other sites.

Will it look exactly like the reference?

It will feel similar in mood and layout, not identical: your content is different, fonts are similar system fonts and pictures are drawn anew. Revisions adjust what matters to you.

Did not find your answer?

All services in Development & IT

Also in Development & IT

Order · $39· ~15 min