Code
Recreate a page you like
Rebuild a layout you admire as clean code you own.
Fill it in
What to work from.
What goes in it instead of theirs.
What you want to maintain.
Redraw the layout for small screens rather than shrinking it.
Your prompt
Recreate the layout at [the page], with my content, in One HTML file. [your content] Rebuild the STRUCTURE, do not copy the assets. Take the layout, the rhythm and the hierarchy that make it work; write your own CSS and use my content. Lifting their images, fonts and copy is both a legal problem and a worse result, because their content is shaped for their argument. Work out WHY the original reads well before copying it, and say so in a line. Usually it is one thing: generous spacing, a single accent colour, or a very short headline. Reproducing the parts around it while missing that is how a copy ends up looking cheap. Redraw for mobile rather than scaling down. A three-column grid becomes a stack, not a squeeze.
Use Recreate a page you likeOpens with everything above already filled in.
Why this works
Copying a layout usually produces something that looks cheap, because the copy reproduces everything except the one thing that made it work. This says what that thing is before rebuilding, writes its own CSS rather than lifting assets, and redraws for mobile instead of shrinking.
Questions
- Is this legal?
- It rebuilds structure with your content and its own styles. It does not copy their images, fonts or copy.