Brand: your logo and brand colors

What this page controls

Brand is where you upload your company's logo and set the colors Verinode uses to accent your own workspace. Two things live here:

• Logo, in two versions: one for light backgrounds, one for dark backgrounds.
• Brand Colors, a primary color and a secondary color, with a live preview and a contrast check before you save.

Once saved, your logo replaces the default Verinode mark in the left navigation, and your primary and secondary colors replace Verinode's own copper accent across your workspace: buttons, active tabs, focus rings, and chart fills pick up your primary color, and hover states, soft accent backgrounds, and chart highlights pick up your secondary color. The same logo also appears in the header of emails Verinode sends on your behalf (digests, alerts) and on PDF exports you generate from the platform (compliance binder and policy exports, survey and audit results, membership documents), in place of the default Verinode mark.

This is cosmetic personalization only. It does not change what data flows in, what Verinode surfaces, or how any benchmark or recommendation is built. It does not touch your membership tier, your membership card design, or your billing, those live under Membership and billing.

Where to find it

Open Settings from the sidebar, then choose the Brand row under Account (subtitled "Logo and brand color"). This opens the dedicated page at /settings/brand.

Only Admins (including the account Owner) can open this page. If your role is Data Contributor, the Brand row isn't there to click, brand identity is an account-level setting, not a per-person one.

While the page is loading your saved logo and colors, it reads "Loading branding…"

Logo

The Logo section has two upload slots, side by side:

• Light Logo, labeled with the helper text "Shown on light surfaces."
• Dark Logo, labeled with the helper text "Shown on dark surfaces."

Each slot shows a preview box: the Light Logo box previews on a white background, the Dark Logo box previews on a near-black background, so you see each logo exactly where it's meant to be read. Before you upload anything, the box reads "No Logo Uploaded" in muted gray text.

Under each preview box:

• A button reads Upload when the slot is empty, or Replace once a logo is on file.
• A Remove link appears only when a logo is on file. Clicking it deletes the logo immediately, there's no confirmation step, so only click it when you mean to clear that slot.

File requirements. Verinode accepts PNG, JPG, or SVG files. Choosing anything else shows "Please upload a PNG, JPG, or SVG file." The picker itself only blocks files over 10 MB ("Image must be under 10 MB."), but the file is actually saved at up to 5 MB, so a file between 5 and 10 MB will pass the picker and still fail to save, showing the generic "Could not save the file. Please try again." Keep your logo file well under 5 MB, a few hundred KB is plenty for a logo mark.

Uploading is immediate: there's no separate Save button for the logo. As soon as you choose a valid file, Verinode uploads it and confirms with "Light logo updated." or "Dark logo updated." The nav sidebar and every other surface that reads your logo picks up the change right away.

Fallback logic. If you upload only one slot, Verinode uses it for both light and dark surfaces, on a subtle neutral backdrop so it doesn't clash outright. If you upload neither, the nav shows the default Verinode mark and your company name instead.

Brand Colors

The Brand Colors section sets a Primary color and a Secondary color. The caption above the fields spells out exactly where each one lands: "Primary drives buttons, active tabs, focus rings, and chart fills. Secondary shows up in hover states, soft accents, and chart highlights."

Primary

A color swatch (a native color picker) sits next to a text field showing the hex code, for example #B87333. Click the swatch to pick visually, or type a hex code directly into the text field, it needs the full six-digit form with the #, like #2E7D5C, to take effect; anything shorter or invalid is ignored until you finish typing a valid one. The picker starts pre-filled with Verinode's own copper as an editing starting point. Until you click Save Colors, your workspace keeps using that default, nothing changes just from opening this page.

Secondary

Secondary has a toggle in its own row header, either Auto or Custom:

• Auto (the default) derives your secondary color from your primary automatically, the same hue and saturation lightened by a fixed amount so it reads as a lighter tint of your brand color. In this mode the field is read-only: a swatch plus a dashed-border box showing the derived hex code, so you can see it without editing it directly.
• Custom unlocks a color picker and hex field just like Primary's, pre-filled with the auto-derived color as a starting point, which you can then pick or type over.

Toggle back to Auto at any time to drop your custom secondary and go back to the automatically-derived one.

Preview and contrast check

Below the color fields, a Preview block shows your choices applied to three real UI elements before you save anything:

• A Primary button, filled with your primary color. Hover it and it swaps to your secondary color, so you can see the hover state Verinode uses everywhere.
• A Tab indicator pill: your secondary color as a soft background tint, with your primary color for the dot, exactly how an active tab or badge reads elsewhere in the product.
• A thin two-color bar split evenly between primary and secondary, so you can eyeball how the two sit next to each other. The line beneath it reads "hover the button to see secondary."

Verinode also runs a contrast check on your primary color against both a white and a near-black background. If either check comes back too low to stay reliably readable, a note appears: "Low contrast in light mode. Your color will still work, we auto-adjust." (or "dark mode", whichever is at risk). You can still save the color, Verinode nudges it slightly lighter wherever it renders in dark mode so text and icons over it stay legible. You don't have to pick a different color just because you see this note, though a color with naturally strong contrast against both backgrounds will look crisper without any auto-adjustment.

Saving

Click Save Colors to write your primary and secondary colors to your account. A success message reads "Saved." and the change rolls out across your workspace (nav, buttons, tabs, charts) within about a second, no page reload needed. If the save fails, the specific error message appears in its place.

Once you've saved a custom primary color at least once, a Reset button appears next to Save Colors. Clicking it clears both primary and secondary back to none, returning your workspace to Verinode's own default copper accent, and resets the picker on this page back to its starting swatch. The Reset button disappears again until you save a new custom color.

1. 1Open Settings in the sidebar, then click the Brand row.
2. 2Under Logo, click Upload (or Replace) on the Light Logo slot and choose a PNG, JPG, or SVG file on a transparent or white background. Repeat for the Dark Logo slot with a version that reads on dark backgrounds.
3. 3Under Brand Colors, set your Primary color, either with the color picker or by typing its hex code.
4. 4Leave Secondary on Auto for a matching lighter tone, or switch to Custom and pick your own.
5. 5Check the Preview block, hover the sample button to see the secondary color in action, and note whether a low-contrast warning appears.
6. 6Click Save Colors. Your logo and colors are now live across your workspace, your emails, and your PDF exports.

Related

• Your personal profile: name, photo, and details
• Company profile: identity, size, financials, location
• Members & roles: managing account access
• Membership and billing