Skip to content
Site volume
Colourway

Brand

The volume dial

Quiet, Studio, Press and Rave: one dial that turns the art up or down while the words stay exactly the same, and the volume every channel prints at.

  • Stable
On this page

Applies to

  • Site
  • Docs
  • MAX//OS
  • Print
  • Documents
  • Email
  • Social
  • Slides

Book version

1.0.0, the system's version; every change is a changeset on the changelog

Last verified

24 October 2026, commit 726d192, 83 looks (press check)

The volume dial is how loud a piece prints, from Quiet to Rave. It moves only the expressive layer: the colour area, the ink count, texture, display type, tilt, motion and 3D. The reading layer (every word, control and number) is identical at all four. So a contractor never has to guess how loud something should be: they look up its channel below, print it at that volume, and may let one section step one louder.

Rules#

The volume rules: 4 rules: 4 must
IdRuleWhyChecked by
BB-VOLUME-01MustPick the volume from CHANNEL_VOLUMES; a section may go one step louder, never two.Applies to: Every channelThe channel table is the brand's loudness map. One step of contrast between sections reads as rhythm; two reads as a different site.Press checkthe template pins; the generators read the same table
BB-VOLUME-02MustPrint prices, legal lines, forms and document body pages at Quiet.Applies to: Site, MAX//OS, Documents, SlidesWhere the reader decides or signs, nothing should compete with the words.Testthe documents' DOM check
BB-VOLUME-03MustKeep Rave for the 404, easter eggs, launches, campaigns and editions.Applies to: Site, Docs, Social, SlidesRave is a party. Used everywhere it stops being one (D-B3).Manual review
BB-VOLUME-04MustKeep the reading layer identical at every volume; only the expressive layer moves.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, SlidesText, controls and data read the same at Quiet and at Rave (D-B2), so turning the dial never costs legibility.Press checkA10, the reading layer by computed style

Specs#

What moves, and what never moves#

What the dial moves, and what it never moves
PartMoves with the volume
Colour area and ink countYes: the budget and the hue count per view
Chroma of large regionsYes: the chroma cap
Texture (halftone, grain, tape)Yes: none at Quiet, any art at Rave
Display typeYes: its scale, weight and the second ink
Tilt of art and stampsYes, up to the volume's cap
Motion and 3DYes: calm at Quiet, Overdrive at Rave
Body text, labels and controlsNever
Prices, forms and legal linesNever; they print at Quiet
Contrast of every text pairNever
Layout and reading orderNever

The four volumes#

The four volumes, read from the tokens' volumes file
VolumeUsed forColour budgetChroma capInk huesTextureSecond inkMotionTilt
Quietdocs, forms, legal, long-form, app work views10 %0.0510 of 3offcalm0°
Studiosite pages, MAX//OS default35 %0.1421 of 3displaybalanced3°
Presshero moments (up to Press), covers, campaigns, OG50 %0.1842 of 3display-and-headsarcade6°
Rave404, easter eggs, launches, posters, the dial's top75 %gamut max73 of 3display-and-headsoverdrive12°

The volume per channel#

The volume per channel, from CHANNEL_VOLUMES (the generators' defaults read the same table)
ChannelVolumes, the default firstWhen the others apply
Site pages
  • Studio
  • Press
  • Rave
hero moments up to Press; covers and campaigns Press or Rave; the 404 and easter eggs Rave (D-B3)
Docs site, the reading column
  • Quiet
  • Studio
  • Press
  • Rave
the visitor dial
Docs site, the chrome
  • Studio
  • Quiet
  • Press
  • Rave
the visitor dial
OG link cards
  • Press
  • Studio
  • Rave
per template: article, page and docs cards Studio; the edition card Rave (40 §1.2.1)
Social announce
  • Press
  • Studio
  • Rave
Rave for launches
Social stat
  • Press
  • Studio
  • Rave
Rave for launches
Social quote
  • Studio
  • Quiet
  • Press
Only the default
Carousel slides
  • Studio
  • Quiet
  • Press
the cover is an announce card at Press
Edition and launch posts
  • Rave
Only the default
Case covers
  • Press
Only the default
Posters
  • Press
Only the default
One-pagers
  • Press
Only the default
Proposal cover
  • Press
  • Studio
Only the default
Document body pages (quote, proposal body, invoice, letter)
  • Quiet
  • Studio
only a timeline plate section may step to Studio; prices, terms and payment details stay Quiet (BB-VOLUME-02)
Email signature
  • Quiet
Only the default
Slides: title and section
  • Press
  • Studio
  • Rave
Rave for launch decks
Slides: content, case, quote, comic
  • Studio
Only the default
Slides: price and timeline
  • Quiet
Only the default
Business card front
  • Studio
Only the default
Business card back
  • Press
on Night
Stickers
  • Press
Only the default
The POW! sticker
  • Press
  • Rave
the old-comic register (21 §1.4); it may go to Rave
MAX//OS
  • Studio
  • Quiet
D-A2
MAX//OS work views
  • Quiet
D-A2

How to pick#

  1. Find the channel in the table above and print at its default.
  2. A section may go one step louder than its page when it is a hero moment, a cover or a campaign, never two steps (BB-VOLUME-01).
  3. Prices, legal lines, forms and document body pages stay at Quiet, whatever the page around them (BB-VOLUME-02).
  4. Rave is for the 404, easter eggs, launches, campaigns and editions (BB-VOLUME-03).

The visitor dial#

On the site and the docs, a visitor can turn the whole site down or up with the dial in the header and the footer. The dial changes the art and the motion at once; the words stay where they are.

The landing template at each volume#

The same page at the four volumes: the reading layer holds still while the art turns up.

  • Quiet

  • Studio

  • Press

  • Rave

Do and don't#

Do

Total, taxes includedCAD 5,424.00Due in 14 days

A total at Quiet: nothing competes with the number.

Don't

Total, taxes includedCAD 5,424.00

A total at Rave with an SFX beside it.

Prices print at Quiet (BB-VOLUME-02), and never beside an SFX (BB-VOICE-07).

Do

Fresh bread, onlineFernlight Bakery takes orders from six in the morning.

Studio: one display moment.

Don't

Fresh breadOnline orders from six in the morningTaking orders

Louder than the channel allows.

Pick the volume from the channel table; a section may step one louder, never two (BB-VOLUME-01).

Do

The same key at every volume.

Don't

A louder page that changes the controls.

The reading layer is identical at every volume (BB-VOLUME-04).
  • Volume: every value each stop of the dial sets.
  • Volume scope: a section one step louder.