Brand System

Brand Guidelines

Comprehensive guidelines for creating consistent, on-brand Sonance experiences. Follow these principles to maintain our premium, sophisticated brand identity.

Brand Overview

"Our hidden audio solutions subtly elevate each moment."

Sonance provides hidden audio solutions for residential, professional, and marine environments. The company pioneered the world's first in-wall loudspeaker in 1983 and focuses on technology that disappears into architecture and design, with the core belief that life is better with music.

Re-Imagining Sound

We innovate beyond product, crafting stories and categories that enrich lives by infusing music into everyday moments.

Designed to Disappear

Our technology effortlessly blends into architecture and interior design, transforming any space while respecting its intended aesthetic.

Authentic Partnership

We form enduring relationships built on authenticity and trust. With an "Our Team is Your Team" ethos, we collaborate closely with our customers to help unlock value and be the best partner we can be.

Leading with Culture

At Sonance, we foster a culture of trust, engagement, and care for one another. Our shared mission of helping our customers be successful is fueled by our team's passion and dedication.

Going Beyond

Driven by a purpose beyond profit, we leverage our success and resources to make a positive impact, creating a better world through our dedication to philanthropy and community service.

5 Foundational Pillars

Sonance is founded on five core beliefs that have been the driving force behind our privately held business for over 40 years. We continue to think beyond sound through our solutions, partnerships, innovations, culture, and philanthropic endeavors.

Re-Imagining Sound

Designed to Disappear

Authentic Partnership

Leading with Culture

Going Beyond

Design Principles

Core aesthetic principles that guide all Sonance design work.

Minimalist

Clean, uncluttered interfaces with generous whitespace. "Designed to Disappear" applies to our digital presence as much as our products.

Sophisticated

Premium, elegant feel with refined details. Every element should feel intentional and considered.

High-Contrast

Dark, monochromatic elegance with clear visual hierarchy. Strong contrast ensures readability and impact.

Corporate-Modern

Professional aesthetic that appeals to architects, designers, and premium residential customers.

Sharp Corners

Prefer 0-4px border radius for most elements. Avoid soft, rounded corners that feel casual.

Subtle Motion

Refined, elegant transitions. No bouncy or playful animations. Motion should feel seamless and premium.

Tone of Voice

How we communicate the Sonance brand through words.

Voice Characteristics

Inspirational
Professional
Pioneering
Collaborative

Examples

Experience sound that disappears into your architecture.

Check out our awesome hidden speakers!

Pioneering invisible audio since 1983.

We've been making speakers for a long time.

Subtly elevate every moment.

Make your music sound better.

Do's and Don'ts

Do

  • Use semantic color variables for automatic theme adaptation.
  • Maintain generous whitespace and breathing room.
  • Keep interfaces clean, sophisticated, and uncluttered.
  • Let product imagery be the hero.
  • Use high contrast in both light and dark modes.
  • Use Montserrat font consistently.
  • Test all components in both themes.
  • Emphasize "hidden" and "invisible" technology.

Don't

  • Hardcode colors - always use CSS variables.
  • Use gradients or colorful backgrounds.
  • Add unnecessary decorative elements.
  • Use rounded, playful aesthetics.
  • Overcrowd interfaces with information.
  • Use bouncy or dramatic animations.
  • Default to generic fonts like Inter or Roboto.
  • Use casual or informal language.

Theme Design Principles

Guidelines for maintaining brand consistency across light and dark modes.

Light Mode

Clean, airy, professional. White backgrounds with charcoal text.

  • • Background: #FFFFFF
  • • Text: #333F48 (Sonance Charcoal)
  • • Cards: White with Light Gray borders

Dark Mode

Premium, elegant, sophisticated. Deep backgrounds with white text.

  • • Background: #1a1f24
  • • Elevated: #333F48 (brand charcoal)
  • • Text: #FFFFFF

Quick Reference

Primary Color

Sonance Charcoal

#333F48

Primary Font

Montserrat

Regular, Medium, Bold

Accent Color

Sonance Blue

#00A3E1