Automette

A Brand Kit centralises your visual identity — colors, logos, and custom fonts — so every template stays on-brand without duplicating files.

What's in a Brand Kit

Item	What it does
Colors	Named hex swatches available in the AI editor chat and canvas editor
Logos / images	Image assets (PNG, JPG, SVG, WebP) available in Typst via `image()` and in canvas templates
Custom fonts	TTF, OTF, WOFF, or WOFF2 files available in Typst templates at render time

Managing Brand Kits

Go to Brand Kits in the sidebar. You can:

Create multiple kits (e.g. one per brand or client)
Add and name colors with the built-in color picker
Upload assets (images or fonts) — drag and drop or click Upload

Using brand colors in templates

In Typst

Brand colors aren't injected automatically, but the AI editor assistant knows your palette. Ask it to "use our brand colors" and it will call list_brand_colors to look them up.

To use a color directly in your source:

#let primary = rgb("#1a56db")
#let accent  = rgb("#e3a21a")

#rect(fill: primary, width: 100%)
#text(fill: accent)[Highlighted text]

In canvas templates

Brand colors appear in the canvas editor color picker automatically.

Using brand logos in templates

Upload your logo to a Brand Kit as an image asset. It then becomes available:

In Typst — reference it by filename in image():
```
#image("logo.png", width: 80pt)
```
The asset must also be added to the project's Assets tab (or the template was created from a library template that already includes it). Ask the AI assistant to "add my logo" and it will check list_logos for available filenames.
In canvas templates — select an image component and choose the asset from the picker.

Using custom fonts in templates

Fonts uploaded to a Brand Kit are downloaded at render time and made available to the Typst compiler. Reference them by family name exactly as you would a built-in font:

#set text(font: "Brand Font Name", size: 11pt)

#text(font: "Brand Font Name", weight: "bold")[Bold heading]

The font family name is read automatically from the font file metadata when you upload it. It appears in the asset list in the Brand Kit panel.

Custom fonts are available in Typst templates only — the canvas editor uses Google Fonts for preview (changes take effect in the generated output).

Last updated on

Brand Kits