Medium-sized websites brand refresh guide
Purpose
The purpose of this guide is to provide owners of medium-sized websites with all the information they need, in a step-by-step format, including checklists, to update their existing website to the 2025, One UoA brand.
Basics
1. Logo
The logo, logo versions, do’s and don’ts, and file formats for web.
2. Colour
The primary colour palette, accents, tints, and gradients.
3. Type
Our official typeface, specific versions, uses, web formats, and fall back fonts..
4. Shapes
The logo, logo versions, do’s and don’ts, and file formats for web.
5. Graphics
The primary colour palette, accents, tints, and gradients.
Components
6. Header
The consistent, topmost element of a user interface that provides branding, navigation, and immediate access to key information or actions for users.
7. Footer
The footer is a consistent section at the bottom of a web page that provides navigation, contact information, legal notices, and brand elements to enhance user experience and reinforce site credibility.
8. Buttons
Buttons provide clear, actionable triggers for user tasks.
9. Cards
Cards are used to present content in digestible, scannable blocks.
10. Breadcrumbs
Breadcrumbs help users understand their location and navigate back through the site hierarchy.
11. Tabs
Tabs are utilised to group related content while saving space and reducing clutter.
12. Tables
Tables organize and present data for easy reading and comparison.
13. Modals
Modals capture focused user attention for critical tasks or messages.
14. Search
Search enables users find exactly what they need fast. Includes autocomplete and autosuggestion, and search results.
Bonus
15. SEO and Analytics
SEO is the process of improving a website’s visibility in search engine results pages to increase organic website traffic and online presence.
16. Accessibility
Accessibility is a principle that ensures all users, regardless of ability, can comfortably navigate and interact with a product.
Can’t find what you’re looking for? Get in touch