Sonar visual identity and UI system

Sonar visual identity and UI system, dark-mode, geometric, dark

Preview image. Unlock full-res

A comprehensive brand system for Sonar featuring dark-mode layouts with geometric patterns, sonar-wave icons, and teal-and-orange accent colors against dark teal and olive tones.

Summary

A comprehensive brand system for Sonar featuring dark-mode layouts with geometric patterns, sonar-wave icons, and teal-and-orange accent colors against dark teal and olive tones.

Visual description

The composition is divided into five distinct panels on a dark charcoal background. Top left shows concentric sonar-wave rings and circular icons in white line-art on a dark teal diagonal gradient, labeled "API release" with a small text. Top right displays a diamond-grid geometric pattern in olive and muted gold tones, creating an optical wave effect. Bottom left contains a warm sunset photograph cropped into a rounded rectangle. Bottom middle shows flowing orange wave lines on dark teal with a grid overlay and labeled anchor points (P, A, I), representing a UI or data visualization component. Bottom right presents the word "sonar" in large, clean white sans-serif, aligned right, with "API" and "by perplexity" attribution in smaller text.

Key takeaway

The restricted color palette (dark teal, olive, orange, white) creates high contrast without feeling harsh or primary. Geometric patterns and wave motifs establish a cohesive visual language that communicates both audio and data concepts. Mixing photography, geometric abstraction, and UI diagrams in one system shows how diverse asset types can coexist in a single brand voice.

Reuse notes

Excellent reference for developer tools, audio APIs, or data-science platforms targeting technical audiences. The dark theme and geometric language suit futuristic or advanced-tech positioning. The wave-based icon system is easily extensible for additional concepts. Color palette works for both print and digital; the geometric patterns provide flexible backgrounds without needing photography.

More like this