Page layout components

[Robbert]

I'm trying to figure out what kind of design tokens we need, to support different configurations of the page layout

gemeente Utrecht

large viewport

• surface: light gray
• cookie consent bar container: 100%, grey
• cookie consent bar content: 1184px size
• header container: 1184px size, white
• navigation container: 1184px size, black
• content container: 1184px size, white
• footer container: 100% size, with background image
• footer content: 100% size

gemeente Den Haag

gemeente Tubbergen

gemeente Veenendaal

• surface: light gray, fixed background image
• skip link container: nee
• header container: 100%, box shadow
• header content: 992px
• home page content: 992px, transparent
• spotlight section: 100%, wit
• spotlight container: 992px
• footer container: 100% image
• footer content: 992px

Rijkshuisstijl

• surface: white
• skip link container: 1200px
• header container: 100%
• header content: 1200px
• navigation container: 100%, donkerblauw
• navigation content: 1200px
• hero banner image: 100%
• hero banner content: 1200px
• main content: 1200px

Nederland Wereldwijd

• mega menu container: 100%, wit
• mega menu content: 1080px