Skip to main content
Contact us
Audience platform brand and UI kit

Case Study

Audience

Audience is a software platform built to help brands capture first-party data and grow audiences. We worked with the Audience team to build a new brand identity and comprehensive UI kit for Audience's next chapter.

Updated October 2026

In the details

The highlights

26 UI components, 20+ templates, 1 launch video, and 1 brand guide in 220 hours across 5 months

Audience 2.0 launched Aug 13, 2025, trusted by hundreds of media partners with 80+ platform integrations

New brand and UI kit that bridges enterprise-level functionality with a distinct brand personality

Audience platform imagery
Audience
A campaign screen in the Audience platform shows views, campaign timeline, total interactions, and more

Two laptops show the Audience marketing site homepage and the in-app dashboard

1) The goal

The Audience platform includes custom campaign builders plus AI-powered segments and profiles

The team at Audience already had a suite of tools custom-built to help advertisers grow revenue. What they needed was an updated brand identity to represent their new, streamlined functionality, and a UI kit that was easy for their developers to implement. A few of their core goals:

  • A Figma component library that can be efficiently matched in development
  • A platform experience that bridges the gap between enterprise-level functionality and brand personality
  • Clear data analysis to share the story of their users’ campaigns
  • Updated colors, fonts, and marketing templates that position Audience as a comprehensive advertising solution

Audience equips brands with powerful, easy-to-use, innovative experiences to drive loyalty and long-term value.

The new Audience platform combines AI-powered creation and personalization, a library of content and playbooks, and new ways to activate audiences to create immersive experiences at scale.

2) The UI kit

A laptop screen shows an email from Audience while two phones show social media posts and stories, all with refreshed branding

Audience’s new design system is built on shadcn/ui, an accessible, open-source, open-code component kit. This foundation allowed us to focus on detailed customizations at the component level, while ensuring the whole kit would scale seamlessly across all React frameworks.

The Audience UI kit includes updated versions of all existing platform components, plus a handful of new components and layout templates, enabling Audience’s development teams to iterate quickly on new pages. Additionally, data visualization can continue to evolve to meet the team’s needs, thanks to shadcn/ui’s chart library. Unused shadcn/ui components are archived in Figma for future use.

Development handoff included detailed notes on colors, typography, and component-level customizations.

3) The brand identity

Five screens show pieces of the new brand guide, from typography to color palette and design elements

At the core of Audience’s new branding are its four brand pillars: frictionless, actionable, imaginative, and trusted, in that order of importance and weight. We collaborated with the Audience team to explore competitor and brand examples across a range of categories. We asked key questions to guide our work:

  • What makes this effective?
  • What captures attention?
  • What prevents it from falling flat?

We then curated a set of colors, fonts, and graphic styles that aligned with the team’s vision, using them to shape the new identity of the Audience brand. The updated typography balances personality with functionality, while the refined color palette and strategic color pairings enhance visual impact through contrast and subtle tension. Graphic elements shift between three distinct styles, each representing a different facet of Audience’s diverse products and capabilities.

Audience is frictionless, actionable, imaginative, and trusted.

And its branding should represent that. We’re talking a streamlined tech stack, intelligence that frees up time, and creativity that converts. (All credit to the Audience team for that one. We love a good turn of phrase.)

4) Before the rebrand, the website

The 2025 brand work was not the first thing we built for Audience. In 2023 we rebuilt their marketing site, giving each of the five products in the platform its own page, from contesting through to segments and profiles.

That one ran to a published timeline. Designs finished on June 26 and Audience sent revisions back the next day. The build ran through the end of the month, and the site went live on July 5.

5) What the platform does for a station

Audience publishes results from campaigns run on the platform. 99.9 Virgin Radio, part of Bell Media, picked up 9,832 new email subscribers in a single week alongside 22,723 new users. Pattison Media ran a survey expecting 10,000 entries and took more than 34,000.

Frequently asked questions

Audience is a software platform that helps brands capture first-party data and grow audiences through immersive, creator-led digital experiences. Version 2.0 launched August 13, 2025, and is trusted by hundreds of media partners with more than 80 platform integrations. The platform combines AI-powered creation and personalization, a library of content and playbooks, and tools to activate audiences at scale. Audience equips advertisers with campaign builders, AI-powered audience segments, and data analytics to share the story of their campaigns with clients. HQ worked with the Audience team over five months to build the brand identity and UI kit that would support the 2.0 launch, including updated colors, fonts, marketing templates, and a full component library for the product itself. The new brand is anchored in four pillars: frictionless, actionable, imaginative, and trusted, positioning Audience as a comprehensive advertising solution for media brands that need enterprise-level functionality with a distinct personality.

The Audience UI kit is built on shadcn/ui, an accessible open-source component kit that allows the design system to scale seamlessly across all React frameworks. HQ chose this foundation because it supports detailed customization at the component level while keeping the entire kit portable and maintainable for Audience's development team. The kit includes updated versions of all existing platform components, a set of new components, and more than 20 layout templates that let developers iterate quickly on new pages without starting from scratch. The shadcn/ui chart library means data visualization capabilities can continue to evolve as the Audience team's needs change, without requiring a different technical foundation. Unused shadcn/ui components are archived in Figma for future use. The development handoff included detailed notes on colors, typography, and component-level customizations, giving Audience's engineers everything they need to implement the design system accurately and extend it over time.

Elizabeth Waite

“The way you've handled this is such a testament to why HQ is so damn good.”

Elizabeth Waite

CMO, Collegewise

Randall Bennett

“This team is insanely reliable.”

Randall Bennett

Facebook

Hayden Hill

“These are my favorite vendors.”

Hayden Hill

CMO, Christensen Institute

Austen Allred

“As a way to get to a phenomenal product, hiring this team is the best way to go. Overall we're 1000% pleased.”

Austen Allred

CEO, GauntletAI

Shobin Uralil

“There's no doubt in my mind that we picked the right partner in HQ to help us with this.”

Shobin Uralil

CMO, Lively

Jeff Allen

“If I'm not your happiest customer, I'm willing to fight whoever thinks they are for that title.”

Jeff Allen

CEO, BlueCar

Jeron Paul

“We feel like HQ has been our secret weapon.”

Jeron Paul

CEO, Spiff (acq. by Salesforce)

Let's build together

Whether you're looking to design, build, update, or refresh an existing app or website, we can help. Even if we're not a good fit, we will help point you to somebody who might be.

Contact us