Brand: your logo and brand color

What this page controls

The Brand page is where you upload your company's logo and set the color that 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 before you save.

Once saved, your logo replaces the default Verinode IQ mark in the left navigation sidebar, and your primary and secondary colors replace Verinode's default 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 (certification and form audit exports), 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.

Brand does not touch your membership tier, your membership card design, or your billing. Those live under Settings: your membership, billing, and cancellation instead.

Where to find it

Open Settings from the sidebar, then choose the Brand row (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 does not lead anywhere you can act on, since 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 is 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 also rejects files over 10 MB with "Image must be under 10 MB." In practice, keep your logo file well under that ceiling, a few hundred KB is plenty for a logo mark. If a file is accepted by the picker but still fails to save, you'll see a generic "Could not save the file. Please try again.", try a smaller export or a different file format.

Uploading is immediate: there is no separate Save button for the logo. As soon as you choose a valid file, Verinode uploads it, verifies the upload landed correctly, 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.

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. You can either click the swatch and pick visually, or type a hex code directly into the text field (it needs the full six-digit form, like #2E7D5C, to take effect). The picker starts pre-filled with a neutral copper tone as an editing starting point; until you click Save Colors, your workspace keeps using Verinode's own default accent, 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, a lighter version of the same hue. 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 being able to edit 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 return to the automatically-derived one.

Preview

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 (on desktop) and it swaps to your secondary color, so you can see the hover state Verinode will use everywhere.
• A Tab indicator pill: your secondary color as a soft background tint, with your primary color for the dot and the text, exactly how an active tab or badge would read.
• A thin two-color bar split evenly between primary and secondary, so you can eyeball how the two sit next to each other.

If your chosen primary color doesn't have enough contrast to stay readable against light or dark backgrounds, a note appears: "Low contrast in light mode. Your color will still work, we auto-adjust." (or "dark mode", depending on which one is at risk). You can still save the color. Verinode nudges it slightly wherever it's rendered so text and icons stay legible; you don't need to pick a different color just because you see this note, though a color with naturally strong contrast will look crisper.

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, without a page reload. If the save fails, the specific error message appears in its place.

Once you've saved a custom color at least once, a Reset button appears next to Save Colors. Clicking it clears both your primary and secondary color back to none, which returns your workspace to Verinode's own default accent, and resets the picker on this page back to its starting swatch. The Reset button itself 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.
6. 6Click Save Colors. Your logo and colors are now live across your workspace, your emails, and your PDF exports.

Related

• Settings: your membership, billing, and cancellation
• Connecting your data
• Forwarding documents