Ask HN: I Found a Website I Like–How to Design Similar for a Different Project?

2 pointsPidaymou1y ago2 comments

I came across https://xtxmarkets.com and https://wonderlandams.com and loved their design. I want to build something with similar design for my basic project but for the context I'm new to programming. Apologies if this is a basic question! But I really appreciate any guidance on your part.

2 comments

andrewfromx1y ago

You should practice with https://tailwindcss.com/ and get really good with being able to re-create any design. Use chatgpt or claude for help. You should never be stuck. AI can always get you unstuck.

Then it's a matter of just grabbing their HTML as a starting point. Again, paste it into AI and ask for modifications. You can right click inspect element and copy the entire body tag to a new file.

austin-cheney1y ago

CSS, semantics, and accessibility just take practice. A well practiced person can easily replicate any design and there is a good chance they can do it better than the thing they are modeling.

j / k navigate · click thread line to collapse

Ask HN: I Found a Website I Like–How to Design Similar for a Different Project?

2 pointsPidaymou1y ago2 comments

2 comments

andrewfromx1y ago

Then it's a matter of just grabbing their HTML as a starting point. Again, paste it into AI and ask for modifications. You can right click inspect element and copy the entire body tag to a new file.

austin-cheney1y ago

CSS, semantics, and accessibility just take practice. A well practiced person can easily replicate any design and there is a good chance they can do it better than the thing they are modeling.

j / k navigate · click thread line to collapse