Blog Hero

Designing a Website: How to Choose the Right Colours & Textures to Compliment a Brand

A lot of things go into making a website. It may just look like a bunch of words and images plopped together to make something cohesive and ‘pretty’, but it’s more than that. Your website is part of your brand; its a tool for marketing your business, and most of all, it’s an ambassador for your business.

By detailing how I design websites, hopefully, I can give you a better idea of what the process looks like and give you some ideas on how to design your own.

Key Terms

Marketing is full of fancy words. If you’re not familiar with the terminology, it can easily get confusing. Before we jump into the details of creating a website, let me define some key terms that I’ll use throughout this article.


Your brand is how the world sees or considers your company; a feeling or set of perceptions that your business evokes in people. When it’s done right, a brand perfectly combines of design, language, and experiences to nurture the right emotions towards your business. Basically, it comes down to your identity as a company. Who are you as a business, and how do you want people to think of you?


A logo is a visual embodiment of your business which speaks to what your business does and what it stands for. Typically, it’s the first element that will shape the rest of your brand.

Brand Elements

Elements are the bells and whistles that add the “wow factor” to your brand. Brand elements could include visuals (colours, images, typography, etc.), specific words or phrases, identity, personality, positioning, image, communication, and differentiating factors.

Now that we’re all clear on the lingo, we can now move to the nuts and bolts of this process. As a graphic designer, I’ll be focusing on the design aspect.

Designing a website

Many confuse their website with their brand, but that’s not the case. A website is only one of many aspects of your overall brand. Having said that, your brand should be very clear from your website; a user should have a solid understanding of who you are, what you do, and what’s important to you after a few minutes on your site. Effective branding on a well-designed website shows credibility and trustworthiness, which leads to an increase in revenue.

Ideally, your business will already have a basic brand before you start designing a website, including some basic elements like a logo, colours, typography, and maybe even some imagery. If you don’t have anything but a logo, you can use that as your starting point, and build your brand out from there, taking inspiration from other places.

I look for my inspiration from the colours used in the logo, the business’ indoor decor scheme, and the fonts used in their logo.

This will be so much easier to understand with examples

Case Study: Willoughby Optometry

Willoughby Optometry came to us with an amazing logo. It was very clean and modern with pre-established colours and typography. The client was very happy with their logo and now wanted us to create the rest of their branding, including a website.

Along with their logo, they also provided photos of their practice’s interior. From speaking with them, I understood their personal style and their general taste, along with their expectations for their brand. They wanted something very light and airy with a lot of white space and earthy neutral tones. Most of all, they wanted that elusive “wow” factor.

Their interior design definitely spoke to their brand identity, likes, and dislikes. So now the challenge was to take all of that and convert it to a website that was consistent with the branding elements they’d already established, like their logo and their interior design.

Choosing Colours

Colours are everything. They can dictate the energy and emotions you want a web user to feel without using words. Colours can contribute up to 80% in brand recognition, so choosing the right colours is essential to your brand.

There are two categories of colour – brand colours and neutral colours. Brand colours are specific to your brand, like red and gold for McDonald’s. Neutral colours are what you’ll use for body copy and backgrounds and things like that.

Neutral colours include black, white, grey, brown and beige. These help other colours to stand out better and tone them down at the same time to prevent your website from being overpowering.


Typography is the second element of brand recognition. Picking the right fonts can be a daunting task, but here are some quick tips to select fonts that will best suit your brand.

  1. Pick a font that will complement or look good next to the logo.
  2. Legibility is everything. Choosing a font that’s easy to read will help keep your reader digest the content without getting frustrated or distracted.
  3. Sans-serif fonts are usually more modern and contemporary, whereas serif fonts are usually used to add traditional touches. Both serif and sans-serif fonts can be used in combination or on their own. Ideally, you’ll use sans-serif fonts for the web, as studies show they’re easier to read.
  4. Play with different weights of the font.


Textures are the third element of brand consistency. They’re mostly used to complement the logo instead of overpowering it.

I take inspiration from a business’ interior to create brand consistency. When the user visits the website and decides to come to your business in person, they’ll probably notice (either consciously or subconsciously) the similarities in the colours and textures used on the website and your business interiors.

All these elements together they make an amazing brand!

Written by Diana Prakash

More Articles By Diana Prakash

Our Website Products


Our essential websites are perfect for new start-ups and small practices. If you are ready to create – or upgrade – your online presence and want to get started right away, our essential website is for you.


Our essential+ sites are a step up from our essential sites. You’ll get all the ease and speed of our essential sites, but with 5 extra pages of custom content to tell your patients about your specialty or area of focus.


Our premium sites are highly customized websites with 20–25 pages of unique medical content written especially for your practice’s brand and target market, built following foundational SEO practices, and featuring a fully custom design. 


Custom sites are completely custom sites, and are available only by request.


If you have multiple locations or require multiple websites, our Enterprise option is built for you.

Discover Our Website Solutions

What We Can Do For You

We’ll work with you to build a customized plan that respects your budget, represents your unique practice, and achieves your objectives.

Marketing Membership

Search Engine Optimization

Google Ads

Digital Awareness Ads

Email Marketing

Social Media


Dry Eye Marketing

Medical Niche Marketing

Partnered With Industry Leaders in Eye Care

Lumenis logo
Canadian Dry Eye Summit logo
Otto logo
sunbit logo
jobs 4ECPS logo
4 Patient Care logo
Payments 4 ECPS logo
Birdeye logo

Our Lumenis Partnership

We understand that specializing in a niche service can help elevate your practice – and how it is crucial for your patients to understand what you offer.

Marketing4ECPs’ partnership with Lumenis was developed to support its clients with innovative marketing solutions. We support the marketing behind the OptiLight system, helping practices drive awareness to this specialized treatment and make the most of promoting their investment.

What Industry Leaders Are Saying

Our work speaks for itself, but don’t just listen to us. See what industry leaders have to say!

Get In Touch

instagram facebook facebook2 pinterest google-plus google linkedin2 yelp youtube phone location calendar share2 link star-full star star-half chevron-right chevron-left chevron-down chevron-up envelope fax