Canvas pages

Preferences

Default type and colours for the designer and the compiled site stylesheet.

Fonts

Paste the embed code from Google Fonts. If the snippet loads more than one family, type the family that should be used. Leave both fields empty to keep the system font.

Type

Sizes use rem, for example 2.25rem. These rules sit under Tailwind utilities, so a text-sm class on a heading still wins.

Style Size Line height Weight Case
Body
h1
h2
h3
h4
h5
h6

Default colours

Body, background, heading, muted, and link are applied to the matching elements. Each name is also a Tailwind colour, so text-muted and bg-background work in a panel.

Palette

A colour named brand-dark creates bg-brand-dark, text-brand-dark, and border-brand-dark.

Preview

H1 heading

H2 heading

H3 heading

H4 heading

H5 heading
H6 heading

Body text uses the body font, size, and colour.

Link colour