How to build a better website

Last Update: July 02, 2018

Web design best practice

A very quick guide to help you design a better looking website. I do hope it helps.

Fonts

1. Stick to one font family
There are 2 different types of type of fonts that are commonly used on the websites

a: sans serif b: serif

Most comon fonts to use are open sans, lato, or roboto can also try raleway, monsterrat or pt sans

Most common serif fonts are: cardo, merriweather, pt serif

http://color-wheel-pro.com/color-meaning.html

What the colours mean on your website

Colours

If you can, use neutral colors on your website..re: look at apple, use only different shades of grey. It is easier on the eye and will make the website look a bit more professional and elegant.


Use neutral colors for your header section and footer sections and anywhere you do not know which colors to use

Separate your content using white space and divider lines

Image

Your main image/hero image that fills the entire screen ideal size 1800 x 1000px
Your blog feature image size best practice : 1165 x 665

Body and Header Fonts

Body font between 15-25 px, anything larger will look kinder off..

Line length SHOULD BE BETWEEN 45 - 90 WORDS..what this means is do ot use the whole width of the page.

USING HEADLINES AND SUB-HEADLINES
Define hierachy by reducing font size weight and colour

Big bold as header
lighter smaller type face for sub header : Do not have it both bold and of the same colout,If the header is dark grey then your sub heading should be light grey and smaller type face not the same size.

Do not use pure black [#000000]

This gives too much contrast...use the fifty shades of grey to give you the colour you need

Organise your articles and images before building website to make it easier

IF YOU LIKE A WEBSITE HAVE THAT AS THE INSPIRATION WHILE YOU BUILD YOUR OWN CREATION!..

Join the Discussion
Write something…
Recent messages
ThimGraFort Premium
Thanks for this vital informations
Reply
firstlearn Premium
Thanks for sharing this info.

Derek
Reply
newlive Premium
thank you Firstlearn..enjoy
Reply
RAFStuart Premium
More for the file, many thanks.
Reply
newlive Premium
thank you RAFStuart good luck mate
Reply
eliteam1 Premium
Great advice there. At first, I put too many colors on site. I thought it will attract visitor-but I was wrong. Content needs to attract them.
regards
Reply
newlive Premium
hi Eliteam1, yes it is better to have less than more ...good luck
Reply
AlexEvans Premium
Sound advice thanks for sharing Gus.
Reply
newlive Premium
thnx Alex..
Reply
Top