Your website should look and feel consistent with the rest of your brand. Start by identifying the visual and communication elements your business already uses, then apply them consistently throughout the website.
1. Define your brand elements
Collect the existing brand assets before designing the website.
These may include:
Logo
Brand colours
Fonts
Photography or image style
Icons and graphics
Brand guidelines
Tone of voice
If you already have brand guidelines, use them as the starting point for the website design.
2. Use your brand colours consistently
Choose colours that already represent your brand and assign them clear purposes.
For example:
Primary colour → Main branding and important elements
Secondary colour → Supporting sections
Accent colour → Buttons or calls to action
Neutral colours → Backgrounds and text
Do not use every available brand colour on every page. A consistent colour system usually makes the website easier to recognise and navigate.
3. Choose typography that fits your brand
Use your established brand fonts where they are suitable for the website.
Set consistent styles for:
Main headings
Subheadings
Body text
Buttons
Navigation
Make sure the chosen fonts remain readable across desktop and mobile devices.
4. Match your imagery and graphics
Images should support the same visual identity as your other marketing materials.
For example, if your brand uses professional photography, avoid mixing it with unrelated stock imagery that creates a completely different appearance.
Use a consistent approach to:
Photography
Illustrations
Icons
Image treatments
Graphics
5. Match your brand’s tone of voice
Brand consistency is not only visual.
If your business communicates in a clear and professional way elsewhere, the website should use the same style.
Review:
Headings
Service descriptions
Calls to action
About page
FAQs
The language should sound like the same business customers encounter through your other channels.
6. Keep the design consistent across pages
Create common design patterns for elements such as:
Navigation
Buttons
Headings
Forms
Cards
Footer
Spacing
A visitor should feel that every page belongs to the same website and brand.
7. Check the website against your other brand materials
Before launch, compare the website with your existing:
Business cards
Social media profiles
Brochures
Presentations
Other marketing materials
Look for obvious differences in colours, fonts, imagery and messaging.
Salesforce
