DEV Community

Cover image for How to perfect planning make a website before coding?
Alif Ahmed Nowshad
Alif Ahmed Nowshad

Posted on

How to perfect planning make a website before coding?

Image descriptionIn this tutorial, I will discuss how to make an attractive website and perfect planning before coding. Always remember the top 5 rules of making a website.

  1. Color
  2. Font
  3. Size
  4. Alignment
  5. Cleanness

# Color:
At first, you choose the perfect two or three colors for your website. Because It is not good to use too many colors, it spoils the beauty of the website. Which color you have used more in your site that is your primary color. Then select a secondary color and text color for your website. You will try to logo, icon, button color match your website color. So there is the important thing that :
Color: Select Primary and Secondary color
Here primary color that you use the whole website. Use secondary colors on important parts.
Text: Select Primary And Secondary color
Here primary color you use as default and the secondary color uses important text, heading, title.

#Font:
Choose one or two font families for your website. 16px or 18px font size is best and set line-height value 1.5. Heading tags like h1, h2, h3, h4, h5, and h6 font size and font weight set your main CSS file.

#Size:
Same size Icons, Button use your whole website. Use the same padding or margin in every section.

#Alignment:
Alignment is the most important thing in your design. On your website, first to last every section uses the same alignment.

#Cleanness:
Use neat, clean, and simple images on your website. Avoid more color, more than two font families, and font size.

Top comments (0)