A mood board is a fabulous way for you to get your ideas for your website, branding. Getting your colours, fonts and overall look and feel out of your head so you can really visualise how they will look on your website.
They are really simple to create and to make it even easier i have shared a free template in Canva for you to start creating straight away. If you haven’t got a canva account yet here’s the deets to get an account: JOIN CANVA
Happy Heart Moodboard Tips For WordPress Websites:
- Canva is a great tool for you get started
- You can use free stock sites to really create the look and feel that you want. I recommend: Unsplash, Pixabay, Pexels and Kaboom Pics
- You can pick out your colours from your images by using the image tool (if you have canva pro) or using this fab free website: Html Colour Codes From Image simply upload your images and hover over to pick out the hex codes you will need for your site.
- You can add font pairings to your mood board to help visulaise what they will look like on site.
- Your moodboard planning is an integral part of your website branding. The super talented Vicki Nicolson Brand Designer has created some amazing canva branding and logo kits to help you.
Colour codes to use on your website:
#BBC3D8
#9B95AC
#DF7FA6
#686E85
#F1F1F3
#1A202F
Colour codes to use on your website:
#5A7225
#17160E
#414723
#3D381C
#A74D18
#879635
Colour codes to use on your website:
#000000
#545454
#737373
#E8B331
#E5C182
#D7CDC4
Colour codes to use on your website:
#840C1E
#3F1615
#C48C70
#192020
#4A5F68
#B8ABA5
Colour codes to use on your website:
#1A202F
#686E85
#E4DCEA
#A42767
#E9E9E9
#0F6164
Colour codes to use on your website:
#E0058C
#FF66C4
#5CE1E6
#EF5394
#00C2CB
#000000
You can customise all the fonts and colours on a Happy Heart ‘Ready Made’ Website. Used in the template are:
FONTS: The Artist Script & London
COLOURS: #9383A2 | #D7C1EC | #E4DCEA | #DBD7E1 | #D3CBC2 | #9A919D
Bringing Your Mood Board To Life!
Once you have a moodboard it’s time to use it as a guide for your website. Adding images, colours and fonts throughout and using it as a refernce to keep the look and feel of your site consistent. Here’s one I used for the Hello Lovely Ready Made Website Template… You can view the full demo here:
Take a Peek at Hello Lovely Ready Made Website Demo
The Hello Lovely Ready Made Website is Perfect For You If…
You are a small business owner with a shop or service based business. An artist, photographer, beauty salon, transformational coach or graphic designer.
You would like to feature your images, photography or products. Add case studies and blogs and have an impactful website that takes your visitors on a visual journey.
Your style is modern, feminine and visual.
