You can customize the look of Sonar to match your company's colors and logo. Select "Site Branding" under Settings to begin.

You can upload your company's logo to replace the default Sonar logo in the top left corner of the screen. The file must be a PNG.

The Sonar favicon can also be replaced. The file must be PNG or ICO.

You can also upload a wordmark to replace the default Sonar wordmark on the login screen. The wordmark file must be a PNG.

Finally, you can replace the Sonar branding on documents by changing the letterhead.

Tip: The letterhead displays at a maximum width of 128px and height of 128px. We recommend uploading a file of double that size, 256px by 256px.

After uploading files for the logo and wordmark, you can choose at what size they display.

Use the color palettes provided to customize the colors of the Sonar interface.

The Primary palette controls:

The Secondary palette controls the progress bar on the top of each page, as well as the 'Completed' checkmark on Conditions.

The Tertiary palette controls the color of the footer on every page.

The Accent palette controls the color of the Smart App/Send Referral button in the top right corner.

The Neutral palette controls text and icons, as well as coloring Dark Mode.

The Background palette controls the page background.

The Toolbar palette controls the bar at the top of every page.

The Link palette colors all links, as well as the navigation highlights.

Drag the sliders underneath each pallet to choose the threshold for black or white text displaying over that color.