Design A Website From Scratch In 7 Steps

Follow these 7 steps to design an entire website from scratch

Michelle Mac
7 min readAug 9, 2021


Designing an entire website can seem like a big challenge. You need to think about all the pages, the content on each page, how it’ll be designed, what colors to use; the list is pretty long.

While this can seem daunting, designing an entire website from scratch is highly achievable even if you are a beginner.

The secret?

Breaking it down into small, manageable chunks. Then working on each chunk one at a time.

Let’s look at how you can design a website from scratch in 7 steps.

1 Create A Color Palette

Color is what brings a website to life.

The colors you use throughout the website combine to create a particular aesthetic or theme.

The easiest way to pick colors for your website’s color scheme is by picking the colors of the company’s logo or branding material.

Quite often when you’re designing a website for someone’s business, they will already have a color or set of colors for you to work with.

If that’s not the case and you’re working without any branding materials, you’ll need to dig a little harder to pick a suitable color.

I highly recommend you read up on color theory to understand the meaning behind various colors so you can make an informed decision.

In either case, here’s what I recommend to create your color palette:

  • Pick one color to use as your main color (either from the branding materials or one you’ve picked yourself).
  • Add white and black.
  • Optionally add one of these:
  • A: Add 2–3 shades of the main color
  • B: Add a secondary color (again, either from the branding materials or one you’ve picked yourself).

Here are some tools to help you pick out colors for your color palette:

2 Pick 1–2 Fonts



Michelle Mac

The *heavily edited* ramblings of a technical writer & frontend dev. I write about creativity, design, and productivity. Start here: