Firm brand
Give a firm its own colors, icon, header and signature, shown in the top bar on its projects.
A firm's brand is its colors, an icon, a short header and a signature. Everyone working on the firm's projects sees it in the top bar.
Open it from the firm's page: Brand and Signature are tabs there. Owners and admins change it. Members see it read-only.
Pick a starter #
When you make a firm, you pick one of six starter brands: Graphite, Blueprint, Brick, Sage, Ochre or Ink. Change any of it later on the Brand tab.
A firm made before brands has none until an owner or admin saves one. Until then the top bar shows ours.
Colors #
A brand has five colors, the same five roles Color Lab uses:
| Role | Used for |
|---|---|
| Primary | Buttons and headings in documents that use the brand. |
| Accent | The line under the top bar and the firm's chip. |
| Background | The page behind those documents. |
| Surface | Cards and panels on the background. |
| Text | Body text. |
Two checks run as you edit, and again when you save:
- Text must reach 4.5:1 on the background and on the surface. A brand that doesn't can't be saved.
- The accent must reach 3:1 on the top bar in every theme (Light, Dim, Dark and Black). Where it doesn't, the bar draws a lighter or darker shade of it in that theme, marked shaded. Only the color you picked is saved.
See Contrast for what the ratios mean.
Icon #
Click Upload icon… and pick a PNG, JPEG or WebP. It's cropped square and made small, like an avatar. Use initials goes back to the firm's initials.
Only upload a logo the firm owns or has permission to use.
Header #
Up to 24 characters, shown in small caps next to the icon in the top bar. Leave it blank to use the firm's name. On a phone the bar shows the icon only.
Signature #
On the Signature tab: up to six lines for the firm's address and contact details, and one license line. It's kept for proposals and exports that use the brand.
Who sees it #
- The firm's members, on every tab.
- Guest collaborators on one of the firm's projects, in the top bar while they work on it.
- Anyone who opens a view-only link to one of the firm's schemes, in the top bar.
- The public firm page, when it's on: the icon, header and accent.
Inside a tool, the line under the bar stays the tool's color. Tool colors and the tools themselves never change.
Every change to the brand is logged on the firm, like other firm changes. Deleting the firm deletes its brand.