Brand and components in Studio
Set up brand kits with logos, colours, typefaces, brief, voice and memory, apply them on the canvas and reuse pages as components.
On this page
A brand kit brings together a brand's identity (logos, colours and typefaces) and its guidelines (brief, voice and tone, memory). Components are design pages you save to reuse. Together they make every new piece start with the brand already applied.
Where to set up the brand
- Open the project and click the gear in the header to open its settings.
- Go to Brand.
A project can have several kits, which helps if you work with several brands or clients. One is the Default: it applies to every design that doesn't pick another. From each kit's actions you can:
- New kit: create one from scratch.
- Use an existing kit: link a kit you already use in another project. A shared kit changes in every project that uses it.
- Make default: make it the project's main kit.
- Rename.
- Remove from project: designs that used it go back to the default kit. If no other project uses it, it's deleted.
Kit sections
Identity
- Logos: Light-background logo, Dark-background logo and Small logo. Upload them or pick them from the project library.
- Colours: the Main one and any you add with Add color.
- Typefaces for Headings and Body. You can search Google Fonts or Upload font in .woff2, .woff, .ttf or .otf.
Brief: what the project is, what it is NOT, goal and focus, who it's for and the value proposition.
Voice & tone: the brand's tone, emotions, syntax and language.
Memory: what the brand has learned over time.
- Decisions: the rules learned from every "no" ("Never…").
- Brand: who the brand is, written in markdown.
Using the brand on the canvas
Once the kit is set up:
- New text and shapes come out in the brand's colour and typeface.
- In the canvas Brand panel, select elements and use Apply … to selection on a colour to tint them.
- In the same panel, Insert next to the logo places it on the page.
- If the project has several kits, choose which one this design uses in Design brand. The project one is the default kit.
Components
A component is a page saved for reuse: a post template, a carousel cover or a sign-off.
Save a component
- On the canvas, get the page the way you want to reuse it.
- In the menu, choose Save page as component.
Use a component
- Open the canvas Components panel.
- Search by name or tag.
- Press Insert as a new page. A copy is added to the design, and you can change it without touching the original.
From the same panel you can Edit, Rename, Duplicate or Delete a component. Deleting it doesn't touch pages you've already inserted from it.
Frequently asked questions
Can I have several brands in one project?
Yes. Add several kits and mark one as Default. In each design, choose the kit in Design brand.
What happens if I change a kit shared with other projects?
The change reaches every project that uses it. If you want a variant for just one, create a new kit.
If I edit a component, do the pages where I used it change?
No. Inserting a component creates a copy; pages already inserted don't change.
What font formats can I upload?
.woff2, .woff, .ttf and .otf.