How to build a better website
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
What the colours mean on your websiteColours
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 linesImage
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 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!..