Website typography dev.
View on desktop as designs not formatted for smaller screen sizes yet.
Below are options for the website typography - to keep things simple I have only used what is freely available in Wix - (although there are options to add extra weights if needed as I build out the design)
This is just an exercise to see typography in context so all imagery, colours and content is placeholder, but I have tried to keep a simple, clean, modern and friendly aesthetic and structure so any thoughts on design direction appreciated. Your own photography will obviously add a lot of the tone and character to the finished site.
At the start of each section I have explained my font choices. Wix obviously has a lot of font options, that said a lot are fairly below par fonts so I have tried to stick to well designed and respected fonts.
My recommended route, having done this exercise, is a clean, classic simple sans serif such as Avenir, potentially with a more characterful display font for headlines - there are examples in the exercise below.
I have added your preferred logo choice to see it in context and a few of the other options just to sense-check and compare options. Let me know your thoughts.
I have changed the logo font to be the same as each section's main font for simplicity of design - however they don't have to be the same, and these are not finished logo designs.
Section 1: Helvetica
Simple, clean, confident, timeless and futureproof - conveys competence, expertise and design credentials to the customer. It has been overused and went through a period of being out of favour with designers because of this, but it is having a resurgence in popularity, and I think it sends all the right 'design' signals. Not as warm and friendly as other fonts, but this can be off-set through tone of voice, colour and imagery selection.
Make your house a home & save up to £550 a year
on your energy bills.
Ready to upgrade your home heating experience?
Then contact us now for a quote.
Service Name
Service Name
Service Name
Service Name
Section 2: Barlow
Rounded and warm, Barlow is a clean and readable font. It's compressed width gives it a tech edge and it's heavier weights impart a sense of confidence, structure and solidity which will interplay well with softer imagery and colour choices. It's not a design classic but is well respected.
Make your house a home & save up to £550 a year
on your energy bills.
Ready to upgrade your home heating experience?
Then contact us now for a quote.
Service Name
Service Name
Service Name
Service Name
Section 3: Brandon Grotesque
This font is a modern classic. Inspired by similar geometric sans such as Futura it has a more contemporary, friendly feel, particularly in it's heavier weights. It has a lot of personality which I think fits this brand. There is only one weight on Wix as standard so we would need to add more weights which is doable but complicates the page build.
Make your house a home & save up to £550 a year
on your energy bills.
Ready to upgrade your home heating experience?
Then contact us now for a quote.
Service Name
Service Name
Service Name
Service Name
Section 4: Avenir
By the same designer as Futura, another absolute classic font that conveys competence and expertise. Clean, minimal geometric sans that is easy to read and imparts confidence and design chops. It is friendly, for a geometric, with round letter shapes, a good fit within the brand. Being a fairly neutral sans serif it works well as the workhorse font contrasted with a more characterful headline font for banners - I have shown some examples of this below.
Make your house a home & save up to £550 a year
on your energy bills.
Ready to upgrade your home heating experience?
Then contact us now for a quote.
Service Name
Service Name
Service Name
Service Name
Header options with Avenir and bolder display font.
Make your house a home & save up to £550 a year
on your energy bills.
Ready to upgrade your home heating experience?
Then contact us now for a quote.
Make your house a home & save up to £550 a year
on your energy bills.
Ready to upgrade your home heating experience?
Then contact us now for a quote.
Make your house a home & save up to £550 a year
on your energy bills.
Ready to upgrade your home heating experience?
Then contact us now for a quote.
Section 5: Monserrat
Monserrat is a google font, somewhat of a modern classic it is a favourite for its modern, clean, elegant aesthetic and readability. It is often considered a free version of Gotham. Readily available and free it has good useability. Because it is a google font it is very overused, particularly for hotels, fashion brands and free sites. It's not my favourite tbh, particluraly on Wix which only has two weights available to use, the heaviest of which is way too heavy to be useful in most places and the regular being on the thin side. I would not recommend it's use - but it will do the job if needed.
Make your house a home & save up to £550 a year
on your energy bills.
Ready to upgrade your home heating experience?
Then contact us now for a quote.
Service Name
Service Name
Service Name
Service Name
Section 6: Futura
This is another design classic. Often used for tech companies, it is an excellent font that will stand the test of time. It imparts confidence and design know-how. It is probably a bit overused but is also familiar because of this. Only 2 weights on Wix which isn't ideal.
Make your house a home & save up to £550 a year
on your energy bills.
Ready to upgrade your home heating experience?
Then contact us now for a quote.
Service Name
Service Name
Service Name