Beaufort

2025
BRANDING - WEBSITE - Stationary - social

The brief:
Beaufort Research came to us with over forty years of experience and a reputation built on trust, insight, and depth of understanding. What they needed was a brand that reflected that strength more clearly and more consistently across every touchpoint.

Their existing identity no longer matched the quality of their thinking. It lacked structure, cohesion, and confidence. The brief was to create a modern brand system that felt authoritative but approachable, analytical but human. This was about refinement, not reinvention. Creating clarity, strengthening recognition, and giving Beaufort a visual language that matched the intelligence of their work.

What we did

BRAND IDENTITY  
website design and build
stationary
SOCIAL

The concept:
Shining light on clarity. The idea was simple. Strip away the noise and let clarity lead.

At the heart of the Beaufort brand is insight. Everything begins with data and moves towards understanding. We built the concept around this idea of progression. From complexity to clarity. From question to answer. The identity is structured, deliberate, and purposeful, mirroring the way Beaufort approaches research itself.

The system is designed to guide the viewer, leading the eye through information with confidence and intent.

Logo:

The Beaufort logo is designed to feel established, precise, and dependable. Built around clean geometry and strong proportion, it reflects the brand’s analytical nature while remaining approachable and contemporary.

The triangular form within the mark references segments while these being arched in a group identifies to focus, direction, and clarity. A subtle visual cue that reinforces Beaufort’s role in helping clients navigate complexity and reach informed decisions.

It’s a logo that feels considered rather than imposed, and confident without being overbearing.

Logotype and logomark:
The logo system has been carefully constructed to ensure consistency and legibility across all applications. Clear safe zones protect the mark’s integrity, allowing it to remain prominent without visual clutter.

Whether used as a combined primary logo, a standalone logomark, or a wordmark, the system is flexible and reliable. It adapts seamlessly across reports, digital platforms, and social content while always maintaining clarity and balance.

Colours:
Colour plays a crucial role in establishing the Beaufort brand’s presence. The primary palette is built around Perfect Purple, Flamingo Pink, High Violet, and Warm White. Together, they strike a balance between confidence, warmth, and modernity.

These colours form the foundation of the identity and are used consistently across key brand moments. Lighter and darker tints allow flexibility while maintaining visual harmony.

Every colour has a purpose, and every combination feels intentional. Nothing here is accidental. Each colour plays a role, supporting readability, hierarchy, and tone. The palette is designed to flex across digital and print, maintaining consistency while allowing space for variation depending on context.

It’s a system built to house and support information, not compete with it.

Graphic Devices:
Beaufort’s graphic devices are derived directly from the logo’s triangular form. Used as framing and windowing shapes, they bring structure and focus to layouts while reinforcing brand recognition.

Beaufort's devices help organise content, highlight key messages, and create visual consistency across materials. Their angled geometry introduces movement without chaos, guiding the viewer through information in a clear and controlled way.

Typography:
Typography is clear, calm, and highly legible. Headlines use Alexandria, a typeface with strong structure and subtle character. It communicates authority and clarity, making it ideal for reports, headlines, and key messaging. Supporting Alexandria is Noto Sans, chosen for its neutrality and readability. It ensures long-form content remains accessible while complementing the more distinctive headline type. Together, the type system supports hierarchy, structure, and flow, allowing complex information to be communicated with clarity and ease.

Patterns:
Patterns are built from the brand’s triangular shapes and used to add depth and visual interest. They introduce rhythm into layouts while remaining firmly rooted in the core identity.

Rather than acting as decoration, patterns are used with purpose. They support messaging, create emphasis, and help bring cohesion to large or information-heavy designs.

Patterns that tell stories:
Some patterns are designed to do more than decorate. They tell a story. By arranging triangles to move towards a central point, the patterns visually represent Beaufort’s process. Data gathering, analysis, and insight leading to a clear answer or conclusion.

Brand Guidlines:
The Beaufort brand guidelines were created as a practical tool for consistency and clarity. They provide clear rules around logo usage, colour, typography, and layout while allowing flexibility for different applications.

Beaufort's guidelines ensure that anyone working with the brand can create materials that feel cohesive, confident, and unmistakably Beaufort. They protect the integrity of the identity while supporting its evolution over time.

Multilingual Website design and build:
The website was designed and built with clarity, accessibility, and long-term usability at its core. We began by planning and wireframing the entire site, mapping content structure, user journeys, and information hierarchy before moving into visual design. This ensured the experience was logical, intuitive, and easy to navigate for all users.

Design was developed in Figma, allowing us to collaborate closely, test ideas quickly, and refine layouts with precision. Working in this way helped us build a flexible design system that could accommodate the needs of a bilingual site, supporting both English and Welsh content without compromising clarity or consistency.

Webflow was the natural choice for the build. Its robust CMS and component-based structure made it an ideal platform for managing a multilingual website, allowing content to be organised, duplicated, and maintained efficiently across languages. This ensured parity between English and Welsh pages while keeping the system clean and scalable.

Equally important was ease of use. Webflow’s powerful yet intuitive Editor gives the Beaufort team full control over their content. Staff can confidently update pages, publish news, and manage case studies without technical knowledge or external support. This puts ownership of the site firmly in their hands, enabling faster updates and keeping content current.

The result is a website that is thoughtfully designed, technically robust, secure and genuinely practical. Built to serve both audiences and editors alike, and designed to evolve alongside Beaufort’s work.

Socials:
Beaufort’s social presence is calm, confident, and recognisable. Templates use the brand’s colour palette, typography, and graphic devices to ensure consistency across platforms.

Messaging is concise and purposeful, supported by visual framing that reinforces the brand’s identity. Each post feels considered and credible, strengthening recognition and trust over time.

Quotation mark graphic

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

This is some text inside of a div block.
By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.