Docs Brands
The brand kit
Logo, colours and fonts: what the agent designs with and what the brand check compares against.
Open a brand and choose the Brand kit tab. A sample post on the page updates as you change things, so you see the effect before saving. Finish with Save brand kit.
Logo
- Upload logo takes a PNG, JPEG or WebP up to 5 MB. A PNG with a transparent background works best.
- The logo is previewed on a light and a dark background.
- Tick This logo is light and needs a dark background for a white or pale logo, so Soda never places it on a light page where it would disappear.
Colours
| Colour | Used for |
|---|---|
| Primary | Buttons and highlights. The colour people should recognise you by. |
| Secondary | A second accent. Optional. |
| Background | The page colour. |
| Surface | Cards and panels on top of the background. |
| Text | Headlines and body copy. |
| Muted text | Secondary copy such as captions and labels. |
Each is a six-digit hex code, with a colour picker beside it. If the scan found more colours on your site, they are listed under "Also found on the site": click one to make it the primary colour.
Fonts
Choose one font for Headings and one for Body text from about 130 Google Fonts. If your website uses a font Soda cannot load (a paid or custom font), it picks the closest match and tells you which font it replaced.
Tagline and description
Tagline (up to 200 characters) and What the business does (up to 1,200) give the agent the facts it needs to write about you without inventing any.
What the kit changes
- New designs from the agent use the kit's colours, fonts and logo.
- The font pickers in the Studio list the brand fonts first.
- The brand check flags anything that drifts from the kit.
- Asking the agent to "apply the brand" to an old design re-colours it, swaps the fonts and adds the logo in one undoable step.