# Sonar Brand Identity

A complete profile of **Sonar**'s visual system — colors, typography, components, and personality — extracted from [https://sonar.app](https://sonar.app/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://sonar.app.

- **primary**: #79FFE1  
- **secondary**: #FF0080  
- **accent**: #0070F3  
- **background**: #DDDDDD  
- **textPrimary**: #0070F3  
- **link**: #0070F3

## Typography

Each font links to its Google Fonts page where available.

- **primary**: sf pro text [Google Fonts →](https://fonts.google.com/specimen/sf+pro+text)
- **heading**: sf pro text [Google Fonts →](https://fonts.google.com/specimen/sf+pro+text)

Font stack: sf pro text, sf pro icons, helvetica neue, helvetica, arial, sans-serif

## Visual Assets

## Brand Personality

- **Tone:** professional  
- **Energy:** medium  
- **Audience:** unknown

## Sonar Brand in the Wild

Image: [adnami.io](https://www.adnami.io/hubfs/Sonar%20page/Sonar%20by%20adnami.jpg)  
Source: [adnami.io](https://www.adnami.io/sonar)

Image: [bitegarden.com](https://www.bitegarden.com/img/posts/report-plugin-sonarqube-bitegarden.png)  
Source: [bitegarden.com](https://www.bitegarden.com/generate-useful-reports-form-sonarqube)

Image: [sonar.software](https://sonar.software/hs-fs/hubfs/Imported_Blog_Media/5LandingPagesBlog.png?width=1310&height=950&name=5LandingPagesBlog.png)  
Source: [sonar.software](https://sonar.software/blog/top-landing-pages-for-internet-service-providers-to-increase-conversions)

Image: [adnami.io](https://www.adnami.io/hubfs/Sonar%20page/Sonar_measure_analyse_improve.png)  
Source: [adnami.io](https://www.adnami.io/sonar)

Image: [bitegarden.com](https://www.bitegarden.com/img/sonarqube-report/report-plugin-sonarqube-reporting.png)  
Source: [bitegarden.com](https://www.bitegarden.com/how-to-create-sonarqube-report)

Image: [cdn.lapa.ninja](https://cdn.lapa.ninja/assets/images/1x/sonarmusic.webp?v=latest)  
Source: [lapa.ninja](https://www.lapa.ninja/post/sonarmusic/)

## Frequently Asked Questions

**What is Sonar's primary brand color?**  
Sonar's primary brand color is #79FFE1. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does Sonar use?**  
Sonar uses #0070F3 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does Sonar use?**  
Sonar uses sf pro text as the primary typeface across body and headings.

**Does Sonar use a light or dark theme?**  
Sonar's primary site uses a light color scheme, with a background of #DDDDDD.

**How was this brand profile generated?**  
This profile was extracted from https://sonar.app using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Sonar.

## Methodology

Brand data on this page was extracted from [https://sonar.app](https://sonar.app/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Sonar.