Style guide

This page exists to show the house style: type scale, prose elements, components and themes. If something looks wrong here, it looks wrong everywhere.

Headings set the rhythm

A third-level heading

A fourth-level heading

Body text runs at a comfortable measure with generous leading. Use emphasis for voice, strong for weight, inline code for the literal, and links for everything else. Abbreviations like BPM and keys like K are styled too.

A blockquote is for someone else’s words. Keep it short, keep it attributed.

Studio wall, in pencil

Lists

1. Tune the room before the instrument.
2. Record the room before the player.
3. Keep the first take.

• Unordered items use a small gold mark
• Nested lists work
  • like this
  • and this

Tables

Track	Key	Tempo	Length
Invocation	A minor	60	0:26
Gold Leaf Hymn	G major	72	0:24
Pink Noise Vespers	E minor	free	0:28

Code

// Every page is just a struct and a template.
func render(p *Page) error {
	return tmpl.ExecuteTemplate(w, "base.html", p)
}

---

Buttons

Primary action Ghost button Plain button

Chips and tags

• macOS
• Windows
• Linux
• VST3
• CLAP

Numerals

Panels

Themes

Each theme is a class that remaps the palette tokens. Set theme: <name> in a page’s front matter to apply one to the whole page.