How to build a better website
Published on July 2, 2018
Published on Wealthy Affiliate — a platform for building real online businesses with modern training and AI.
Web design best practice
A very quick guide to help you design a better looking website. I do hope it helps.
Fonts1. 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
Ready to put this into action?
Start your free journey today — no credit card required.
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 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!..
Share this insight
This conversation is happening inside the community.
Join free to continue it.The Internet Changed. Now It Is Time to Build Differently.
If this article resonated, the next step is learning how to apply it. Inside Wealthy Affiliate, we break this down into practical steps you can use to build a real online business.
No credit card. Instant access.