Branding Settings
Workspace branding panel with logo upload, accent color swatches, a subdomain field, and an honest note on where branding actually appears.
Workspace branding panel with logo upload, accent color swatches, a subdomain field, and an honest note on where branding actually appears.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Branding Settings is the workspace appearance panel, three ruled rows covering the workspace logo (a Placeholder upload target with Upload logo and Remove actions, spec note PNG or SVG at least 256 x 256 px), an accent color picker with six swatches on raw HSL theme tokens from Default through Rose with the first swatch aria-pressed, and a subdomain field showing acme.app.example.com with a Save action. A summary card below lists exactly where branding appears: team members in the app header, shared report links, and invite emails, followed by the honest note that the logo and accent color are not shown on the authentication or billing pages.
Swatches are one const array with a token and label per entry. The scope note at the bottom sets honest expectations; users consistently overestimate where their branding appears.
Reach for this block on the workspace settings page under an appearance or branding section, wired to your logo upload endpoint, accent token storage, and subdomain validation API. Gate to admin roles.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace appearance panel for a SaaS product. Other variants:
Tip: list where branding does not appear, the auth and billing pages, so admins do not file a bug when they do not see it there.