Brivio Documentation
Design system

Width policy

The caps `no-adhoc-layout` enforces (ADR-0098 amendment).

Generated from build artefacts (pnpm docs:design-system). Do not edit by hand — run the generator.
TokenWidthUse
--container-form52rem832px — forms, wizards
--container-prose45rem720px — reading/prose
--container-reading64rem1024px — docs, guides, wide detail prose
--container-content80rem1280px — legacy max-w-7xl equivalent
--container-wide105rem1680px — wide-but-capped surfaces
--container-ultra125rem2000px — row-based surfaces (tables/lists)
--container-dense180rem2880px — cell-based surfaces (grids/boards)
--container-mail68rem1088px — mail reading pane (ultrawide)

Data pages are fluid (no cap); the caps apply to forms and prose. master-detail opens the rail at @container 1400px.

Radius scale

RadiusWidth
none0px
sm0.25rem
md0.5rem
lg0.75rem
xl1rem
full9999px

Radius roles

  • button
  • input
  • card
  • popover
  • badge

On this page