BLOG
Suggest Product
H

Help Scout Style Guide

This style guide is our brand’s playbook. A way of presenting people with a polished brand experience, but also a way to empower members of the Help Scout team to move quickly and do excellent work.

Visit Website

About Help Scout Style Guide

The Help Scout Style Guide: Empowering Excellence and Polishing the Brand Experience
For a company like Help Scout, which provides a customer support platform relied upon by businesses to communicate with and assist their own customers, maintaining a polished and trustworthy brand image is paramount. The interface and overall experience of the Help Scout platform directly influence how support teams interact with their customers, impacting efficiency and the perceived professionalism of both Help Scout and the businesses that use it. Recognizing this, Help Scout has developed its Style Guide to serve as their brand’s playbook – a comprehensive resource designed to both present people with a polished brand experience and empower members of the Help Scout team to move quickly and do excellent work.

The Help Scout Style Guide is more than just a document outlining visual preferences; it is strategically positioned as the brand's "playbook." This term suggests a comprehensive guide that outlines the rules, strategies, and best practices for consistently representing the Help Scout brand across all its communication and product touchpoints. A playbook is something teams use actively to execute their work effectively, implying that the Style Guide is a practical and actionable resource for the Help Scout team.

The dual purpose of this playbook is clearly articulated: to present people with a polished brand experience, and to empower members of the Help Scout team to move quickly and do excellent work. Presenting a "polished brand experience" to people (likely referring to both users of the Help Scout platform and those encountering the brand through marketing or communication) is crucial in the customer support domain. A polished brand experience signifies attention to detail, reliability, and professionalism – qualities that are essential for a platform handling customer interactions. The Style Guide provides the necessary visual and potentially tonal guidelines to ensure that all external-facing materials, from the platform interface itself to marketing websites and communications, consistently reflect this polished image. This includes specifications for logo usage, color palettes, typography, imagery, and the overall visual design elements that constitute the Help Scout brand aesthetic.

Simultaneously, the Style Guide is designed to empower members of the Help Scout team to move quickly and do excellent work. This highlights the internal operational benefits of a well-structured style guide. By providing clear guidelines, reusable components (if the style guide includes a component library, which is common), and established patterns, the Style Guide enables designers and developers to make decisions faster and implement interfaces more efficiently. They don't need to reinvent common elements or constantly seek clarification on branding or design standards. This ability to "move quickly" is essential for a company that needs to continuously improve its platform and respond to user needs in a timely manner. Furthermore, by providing a framework for consistent and standardized design and development, the Style Guide helps teams to "do excellent work." It ensures that the digital products they create are not only consistent but also adhere to best practices in usability, accessibility, and code quality.

The contents of the Help Scout Style Guide likely include a range of resources to fulfill its dual purpose: detailed visual design specifications (colors, typography, spacing, iconography), guidelines on voice and tone for written communication, examples of reusable UI components with code snippets, and potentially guidance on user interaction patterns and accessibility standards. These resources collectively form the playbook that guides the team's work.

The benefits of implementing the Help Scout Style Guide are significant for both Help Scout as a company and its users. For Help Scout, it ensures brand consistency across all digital touchpoints, strengthening their professional image and building trust with potential and existing customers. It fosters increased efficiency in product design and development, allowing teams to deliver updates and new features more quickly. This also contributes to a higher overall quality of work by providing clear standards and best practices.

For the businesses using the Help Scout platform and their customers, the Style Guide contributes to a more user-friendly and reliable experience. The consistent and polished interface makes the platform easier to learn and navigate, improving the efficiency of customer support teams. A professional and reliable-looking platform also reflects positively on the businesses using it.

In conclusion, the Help Scout Style Guide serves as the vital brand's playbook, effectively balancing the need to present a polished brand experience to the outside world with the internal goal of empowering the team to move quickly and do excellent work. By providing a centralized resource for brand guidelines and potentially reusable components, the Style Guide ensures consistency, efficiency, and a high standard of quality in Help Scout's digital products and communications. It is the essential system that helps Help Scout deliver on its brand promises and provide a trustworthy and effective platform for customer support.

Blog Posts About Design System

Related Products View All
P
Pluralsight Design System

The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.

H
Human Interface Guidelines

Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

S
Seek Style Guide

The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.

S
ServiceNow Design System

The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.

N
Nachos

Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.

P
Photon Design System

Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.

P
Predix Design System

Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.

C
Canvas Design System

This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.

G
Global Experience Language (GEL)

GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.

Y
Yelp Styleguide

The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.