Branding
To ensure we create a website that truly reflects your brand, we need to start with some essential brand guidelines such as colours, fonts, and your logo. These components are critical for maintaining consistency, readability, and a strong brand identity. This guide will help you understand the importance of these elements and provide specific requirements to get started.
Colours
Importance of a Colour Palette
A well-defined colour palette creates visual harmony across your website. Colours evoke emotions and create a visual connection with your audience. Having a consistent colour scheme ensures that your brand is easily recognisable and leaves a lasting impression.
Our Recommendations
Your colour palette should consist of 2-5 colours, including primary, secondary, and accent colours.
- Primary colours: These are the main colours of your brand and will be used predominantly across your website.
- Secondary colours: These provide variety and can be used for backgrounds, borders, and other elements.
- Accent colours: These are used sparingly to highlight specific elements such as links, buttons, or important notifications.
For example this colour palette from Webflow named "Vintage charm" exudes a sense of nostalgia and warmth with its antique white, terra cotta, deep slate blue, and muted sage green. The combination of earthy tones and deep hues creates a harmonious look that's perfect for projects inspired by history and tradition.
Hex codes in order of appearance
- Antique white #F4F1DE
- Terra cotta #E07A5F
- Deep slate blue #3D405B
- Muted sage green #81B29A
If you’re new to creating colour palettes, start with a main colour that represents your brand and build around it. Use colour palette generators like Canva’s colour wheel to explore different combinations. Pay attention to how colours interact with each other and test them in different contexts to ensure they work well together. Your colors should align with your brand’s personality and message. For instance, a financial services website might use trustworthy blues and grays, while a children’s brand might opt for bright, playful colors.
Fonts
Importance of Font Choice
Fonts play a significant role in the readability and overall aesthetic of your website. The right font can make your content easy to read and visually appealing, while also reinforcing your brand's personality.
Our Recommendations
You should have distinct fonts for body text and headings. You may also have specific rules for line spacing and letter spacing to ensure consistency. We recommend visiting Google fonts as you will be able to browse free fonts and experiment with the types of fonts available.
- Body Text Font: This should be clean and highly legible. We recommend something like Helvetica Neue Regular.
- Heading Font: This should be bold and attention-grabbing. We recommend something like Helvetica Neue Bold.
You can also use a secondary font for additional emphasis or design elements. For instance, Roboto can complement your primary typeface:
- Callouts/Quotes: Roboto Italic
- Buttons/Forms: Roboto Bold
Logo
Importance of Consistent Logo Usage
Your logo is the face of your brand and must be used consistently to maintain recognition and professional integrity. A well-placed and well-sized logo can significantly impact how your brand is perceived.
Our Requirements
- Format: We require your logo in an SVG version to ensure scalability and quality across different devices and screen sizes.
- Placement: Typically, the logo should appear in the top left corner of the website header and a smaller version can be used in the footer, centred horizontally.
- Variations: Provide versions for different backgrounds (full colour for light backgrounds, white for dark backgrounds, and black for very light backgrounds).
- Clear Space: Ensure there is adequate clear space around the logo, usually equal to the height of the logo's "X" height.
- Minimum Size: The logo should not be smaller than 50px in height for digital use.
If you do not have a logo, don't worry. We offer assistance in creating a professional logo that aligns with your brand identity.
Conclusion
Providing these brand guidelines is essential for us to create a website that is cohesive, professional, and true to your brand. By following these recommendations for colours, fonts, and logo usage, we can ensure that every aspect of your website works together to create an engaging and recognisable online presence.
Thank you for choosing Foundation. We look forward to working with you to create a beautifully designed and unified website!
For any questions or further assistance, please contact our support team.