The volume dial is how loud a piece prints. It has three stops: Max, the default, with every animation and effect on; Studio, the calmer step; and Quiet, the reduced-motion mode where the art holds still. 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 three. 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#
| Id | Rule | Why | Checked by |
|---|---|---|---|
| BB-VOLUME-01Must | Pick the volume from CHANNEL_VOLUMES; a section may go one step louder, never two.Applies to: Every channel | The 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-02Must | Print prices, legal lines, forms and document body pages at Quiet.Applies to: Site, MAX//OS, Documents, Slides | Where the reader decides or signs, nothing should compete with the words. | Testthe documents' DOM check |
| BB-VOLUME-03Must | Start the site and the docs at Max, every animation and effect on, and let the dial turn it down: Studio for calmer work, Quiet for reduced motion.Applies to: Site, Docs, Social, Slides | The full show from the start, with the means to turn it down (D-P76). A visitor whose system asks for reduced motion starts at Quiet, and the reading layer is the same at every stop. | Manual review |
| BB-VOLUME-04Must | Keep the reading layer identical at every volume; only the expressive layer moves.Applies to: Site, Docs, MAX//OS, Print, Documents, Social, Slides | Text, controls and data read the same at Quiet and at Max (D-B2), so turning the dial never costs legibility. | Press checkA10, the reading layer by computed style |
Specs#
What moves, and what never moves#
| Part | Moves with the volume |
|---|---|
| Colour area and ink count | Yes: the budget and the hue count per view |
| Chroma of large regions | Yes: the chroma cap |
| Texture (halftone, grain, tape) | Yes: none at Quiet, any art at Max |
| Display type | Yes: its scale, weight and the second ink |
| Tilt of art and stamps | Yes, up to the volume's cap |
| Motion and 3D | Yes: still at Quiet (the reduced-motion mode), everything on at Max |
| Body text, labels and controls | Never |
| Prices, forms and legal lines | Never; they print at Quiet |
| Contrast of every text pair | Never |
| Layout and reading order | Never |
The three volumes#
| Volume | Used for | Colour budget | Chroma cap | Ink hues | Texture | Second ink | Motion | Tilt |
|---|---|---|---|---|---|---|---|---|
| Quiet | the reduced-motion mode (prefers-reduced-motion starts a visitor here), documents, forms, legal, app work views | 10 % | 0.05 | 1 | 0 of 3 | off | calm | 0° |
| Studio | the calmer step: covers, campaigns, OG cards, posters, the comic page | 50 % | 0.18 | 4 | 2 of 3 | display-and-heads | arcade | 6° |
| Max | the default: every animation and effect maxed out (site pages, the 404, launches, the dial's top) | 75 % | gamut max | 7 | 3 of 3 | display-and-heads | overdrive | 12° |
The volume per channel#
| Channel | Volumes, the default first | When the others apply |
|---|---|---|
| Site pages |
| Max by default, every animation and effect on (D-P76); a calmer page or section prints at Studio; the visitor dial goes down to Quiet, where a visitor who asks for reduced motion starts |
| Docs site, the reading column |
| the visitor dial |
| Docs site, the chrome |
| the visitor dial |
| OG link cards |
| per template: every card Studio, the edition card Max (40 §1.2.1) |
| Social announce |
| Max for launches |
| Social stat |
| Max for launches |
| Social quote |
| Only the default |
| Carousel slides |
| the cover is an announce card at Studio |
| Edition and launch posts |
| Only the default |
| Case covers |
| Only the default |
| Posters |
| Only the default |
| One-pagers |
| Only the default |
| Proposal cover |
| Only the default |
| Document body pages (quote, proposal body, invoice, letter) |
| only a timeline plate section may step to Studio; prices, terms and payment details stay Quiet (BB-VOLUME-02) |
| Email signature |
| Only the default |
| Slides: title and section |
| Max for launch decks |
| Slides: content, case, quote, comic |
| Only the default |
| Slides: price and timeline |
| Only the default |
| Business card front |
| Only the default |
| Business card back |
| on Night |
| Stickers |
| Only the default |
| The POW! sticker |
| the old-comic register (21 §1.4); it may go to Max |
| MAX//OS |
| D-A2; Studio, the calmer step, until MAX//OS adopts 1.x and Max picks its default (DF-15) |
| MAX//OS work views |
| D-A2 |
How to pick#
- Find the channel in the table above and print at its default.
- 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).
- Prices, legal lines, forms and document body pages stay at Quiet, whatever the page around them (BB-VOLUME-02).
- The site and the docs start at Max; the dial turns them down, and a visitor who asks for reduced motion starts at Quiet (BB-VOLUME-03).
The visitor dial#
On the site and the docs, a visitor can turn the whole site down or back up with the dial in the header and the footer: Max, Studio or Quiet. The dial changes the art and the motion at once; the words stay where they are. A visitor whose system asks for reduced motion starts at Quiet and can still choose a louder stop; reduced motion still wins for anything that moves, and Max's loops keep their pause key in view.
The landing template at each volume#
The same page at the three volumes: the reading layer holds still while the art turns up.
Quiet
Studio
Max
Do and don't#
Do
Total, taxes includedCAD 5,424.00
Don't
Total, taxes includedCAD 5,424.00
Do
Fresh bread, onlineFernlight Bakery takes orders from six in the morning.
Don't
Fresh breadOnline orders from six in the morningTaking orders
Do
Don't
Related#
- Volume: every value each stop of the dial sets.
- Volume scope: a section one step louder.