Skip to Content

The Signature

Our Logo

The Frequency identity comes in two forms — the horizontal wordmark for standard use and the circular brand mark for compact spaces and hero moments. The logo construction is set with a wave in the middle of the circle to evoke sound, motion and movement. The logo icon movement is centered but inner wave portion are intentionally not symmetrical to evoke the feeling of fluid movement.

Primary Logo

This icon combination mark is our hero and should be used especially when someone first learns about the brand and for external communication use.

This logo should be expressed with black and white and used as the default logo, including for websites, ads, internal and external communication.

Frequency logo on dark background
Frequency logo on light background
Frequency logo on gradient dark
Frequency logo on gradient light

ICON Brand Mark

This is the main icon and should be used to represent the brand.
Icon clear space is based off half the height and width of the icon. This space needs to remain unclutter to preserve the dignity of the icon.

Frequency icon on dark background
Frequency icon on light background
View all logo variants and usage rules

Pure Intent

Our Colors

Two primary colors define our visual identity. Blue represents trust, clarity, and innovation. Violet adds creativity, sophistication, and energy.

Use these colors consistently across all brand touchpoints. They're the foundation of our design system and the core of our visual language.

View complete color system

Primary

Blue

#169bde

R: 20

G: 163

B: 232

Secondary

Violet

#7A46FF

R: 122

G: 70

B: 255

Greys

Frequency Alive

Electric Allure

Bright Jewel

Gradients

Frequency Alive

Electric Allure

Bright Jewel

Typography

Two fonts. One system.

Headings

Montserrat

Bold. Tight. Authoritative.

Montserrat
400–700
-1px to -2px tracking

Body

Source Sans 3

Clean, readable, built for sustained reading and UI text across every surface.

Source Sans 3
400 / 600
Default tracking
View type scale and implementation

Gradients

Brand Gradients

Six signature gradients for backgrounds, accents, and hero moments. Each one is named, intentional, and part of the system.

Frequency Alive

Electric Allure

Bright Jewel

Specialty Attraction

Eyecatching Error

Caution Flag

View gradients with click-to-copy CSS

Communication

Voice & Tone

Innovative

Forward-thinking pioneers in audio technology. We speak with confidence about solutions and possibilities.

Professional

Clear, precise, and trustworthy. Our language communicates authority and expertise.

Approachable

Human and relatable. We explain complex concepts simply and welcome collaboration.

Key message

"Audio teams worldwide use Frequency to work faster and smarter."

Explore voice guidelines and writing principles

Craft

Design Principles

01

Intuitive

Design interfaces that users can understand without explanation.

02

People Centric

Prioritize user needs and preferences in all design decisions.

03

Consistent

Maintain uniform design elements and interactions throughout the application.

04

Contextual Help

Provide guidance and information where and when users need it most.

05

Simple

Keep interfaces clean and uncluttered, avoiding unnecessary complexity.

06

Progressive Disclosure

Present information and options gradually to avoid overwhelming users.

07

Instant Feedback

Provide immediate visual or auditory responses to user actions.

08

Responsive

Create layouts that adapt seamlessly to different screen sizes and devices.

Read the full design system guide

Implementation

For Developers & Designers

Pre-built tools so you never have to guess. Copy themes, install packages, feed AI assistants — and stay on brand from the first line.

Mantine Theme

A drop-in Mantine v7 theme with all 10 colors, typography, and component defaults pre-configured.

NPM Package

Install @frequencyads/brand for type-safe access to colors, gradients, typography, and the full Mantine theme.

AI Context

A token-optimized brand summary designed to be pasted into any AI assistant for brand-consistent output.

Pencil Template

A ready-made Pencil design file with all brand tokens, colors, and gradients for rapid prototyping.

Storybook

Browse every Frequency UI component at design.frequency.media — live demos, controls, and accessibility tests.

Project Blueprint

Fork the production-ready starter — Next.js, Mantine, Supabase, and AI Drivers, all pre-configured.

$ npm install

npm i @frequencyads/brand

npm package

One Install, Full Brand

The @frequencyads/brand package gives every project type-safe access to Frequency colors, typography, gradients, Mantine theme, and AI context.

$ npm install

npm i @frequencyads/brand

v1.0.0
Colors

@frequencyads/brand/colors

import { colors, mantineColors, gradients } from '@frequencyads/brand/colors';

colors.primary.main   // "#169bde"
colors.secondary.main // "#7e57c2"
blue[5]               // "#169bde"
gradients.frequencyAlive.css
Typography

@frequencyads/brand/typography

import { fonts, fontSizes, headingStyles, googleFontsUrl } from '@frequencyads/brand/typography';

fonts.heading.family  // "Montserrat, sans-serif"
fonts.body.family     // "Source Sans 3, ..."
fontSizes['2xl']      // "24px"
Mantine Theme

@frequencyads/brand/mantine

import { frequencyTheme, getCssVariablesString } from '@frequencyads/brand/mantine';

// Drop into MantineProvider
<MantineProvider theme={frequencyTheme}>

// Or inject CSS variables
getCssVariablesString()
AI Context

@frequencyads/brand/context

import { aiContext, getAIContext } from '@frequencyads/brand/context';

// Full brand context for AI prompts
aiContext // → markdown string

// Filter sections
getAIContext({ includeVoice: false })

5 Entry Points

Tree-shakeable. Import the full package or just the modules you need. Ships with CommonJS, ESM, and TypeScript definitions.

View Full Docs

Our Story

Built for Audio

Pete Jimison founded Frequency in 2017 — inspired to make an impact in the audio advertising space. What started as a creative agency producing innovative ad experiences evolved into a technology platform when it became clear the industry needed better tools to unlock its full potential.

Today, audio teams worldwide use Frequency to work faster and smarter — creating captivating audio ads that resonate with listeners while maximizing their revenue potential.

Read our values and culture

Ready to Build?

Download logos, install the package, or copy the Mantine theme — everything you need to stay on brand.

Download AssetsCopy Mantine Theme