Skip to content

Bang & Olufsen

Export tokens

Summary

One system

All 3 measured Pages share the same 0 colours, 0 typefaces and 0 corner radii.

Colours
0colours
Base unit
4pxbase unit3 of 3 paddings on it

01 · Spacing

Spacing

Measured as drawn on the desktop Capture

Section padding

4px base · 3 of 3 on the grid

  • 60px2/3 Pages
  • 40px1/3 Pages

The typical space at the top of a Section, one value per Page.

02 · Export

Export

Take the system with you 

/* Design tokens from Bang & Olufsen (https://www.bang-olufsen.com), https://designly.sh/style-sheets/bang-olufsen, via Designly. Credit the business if you use them. */
:root {
  --spacing: 4px;
  --spacing-section: 60px;
}

Values only: Designly never copies a Site's font files or images. Fonts are named so you can license them.