npm - @utrecht/design-tokens - Versions diffs - 2.3.0 → 2.5.0 - Mend

@utrecht/design-tokens 2.3.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/CHANGELOG.md +21 -0
package/dist/_mixin-theme.scss +165 -76
package/dist/_mixin.scss +165 -76
package/dist/_variables.scss +165 -76
package/dist/dark/_mixin-theme.scss +165 -76
package/dist/dark/_mixin.scss +165 -76
package/dist/dark/_variables.scss +165 -76
package/dist/dark/index.cjs +104 -15
package/dist/dark/index.css +165 -76
package/dist/dark/index.d.ts +97 -8
package/dist/dark/index.flat.json +102 -13
package/dist/dark/index.json +11111 -9439
package/dist/dark/index.mjs +103 -14
package/dist/dark/index.tokens.json +369 -248
package/dist/dark/list.json +11111 -9439
package/dist/dark/list.mjs +11111 -9439
package/dist/dark/property.css +19 -7
package/dist/dark/root.css +164 -75
package/dist/dark/theme-prince-xml.css +165 -76
package/dist/dark/theme.css +164 -75
package/dist/dark/tokens.cjs +2051 -347
package/dist/dark/tokens.d.ts +255 -126
package/dist/dark/tokens.json +2051 -347
package/dist/dark/variables.cjs +104 -15
package/dist/dark/variables.css +164 -75
package/dist/dark/variables.d.ts +97 -8
package/dist/dark/variables.json +102 -13
package/dist/dark/variables.less +165 -76
package/dist/dark/variables.mjs +103 -14
package/dist/index.cjs +104 -15
package/dist/index.css +330 -152
package/dist/index.d.ts +97 -8
package/dist/index.flat.json +102 -13
package/dist/index.json +2175 -503
package/dist/index.mjs +103 -14
package/dist/index.tokens.json +369 -248
package/dist/list.json +2175 -503
package/dist/list.mjs +2175 -503
package/dist/property.css +19 -7
package/dist/root.css +164 -75
package/dist/theme-prince-xml.css +165 -76
package/dist/theme.css +164 -75
package/dist/tokens.cjs +2051 -347
package/dist/tokens.d.ts +255 -126
package/dist/tokens.json +2051 -347
package/dist/variables.cjs +104 -15
package/dist/variables.css +164 -75
package/dist/variables.d.ts +97 -8
package/dist/variables.json +102 -13
package/dist/variables.less +165 -76
package/dist/variables.mjs +103 -14
package/package.json +1 -1
package/src/component/nl/code-block.tokens.json +13 -0
package/src/component/nl/code.tokens.json +11 -0
package/src/component/nl/data-badge.tokens.json +22 -0
package/src/component/nl/heading.tokens.json +48 -0
package/src/component/nl/mark.tokens.json +8 -0
package/src/component/nl/number-badge.tokens.json +23 -0
package/src/component/nl/paragraph.tokens.json +20 -0
package/src/component/nl/skip-link.tokens.json +16 -0
package/src/component/signalen/signalen.tokens.json +17 -0
package/src/component/utrecht/badge.tokens.json +5 -5
package/src/component/utrecht/body.tokens.json +11 -0
package/src/component/utrecht/code-block.tokens.json +9 -9
package/src/component/utrecht/heading-1.tokens.json +4 -4
package/src/component/utrecht/heading-2.tokens.json +4 -4
package/src/component/utrecht/heading-3.tokens.json +4 -4
package/src/component/utrecht/heading-4.tokens.json +4 -4
package/src/component/utrecht/heading-5.tokens.json +4 -4
package/src/component/utrecht/heading-6.tokens.json +4 -4
package/src/component/utrecht/link-list.tokens.json +3 -0
package/src/component/utrecht/mark.tokens.json +2 -2
package/src/component/utrecht/nav-bar.tokens.json +0 -2
package/src/component/utrecht/number-badge.tokens.json +6 -6
package/src/component/utrecht/page-body.tokens.json +19 -0
package/src/component/utrecht/page-footer.tokens.json +6 -4
package/src/component/utrecht/page-header.tokens.json +14 -4
package/src/component/utrecht/page.tokens.json +2 -2
package/src/component/utrecht/paragraph.tokens.json +8 -8
package/src/component/utrecht/root.tokens.json +8 -0
package/src/component/utrecht/skip-link.tokens.json +10 -10
package/project.json +0 -25
package/src/component/utrecht/badge-data.tokens.json +0 -8

package/dist/list.mjs CHANGED Viewed

@@ -1396,6 +1396,953 @@ export default [
       "size"
     ]
   },
+  {
+    "value": "hsl(0 0% 95%)",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.grey.95}"
+    },
+    "name": "nlCodeBlockBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.black}"
+    },
+    "name": "nlCodeBlockColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "color"
+    ]
+  },
+  {
+    "value": "\"Monaco\"",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "\"Monaco\""
+    },
+    "name": "nlCodeBlockFontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "font-family"
+    ]
+  },
+  {
+    "value": "1rem",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.md.font-size}"
+    },
+    "name": "nlCodeBlockFontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "font-size"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlCodeBlockLineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "line-height"
+    ]
+  },
+  {
+    "value": "20px",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "20px"
+    },
+    "name": "nlCodeBlockPaddingBlock",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "padding-block"
+    ]
+  },
+  {
+    "value": "20px",
+    "filePath": "src/component/nl/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "20px"
+    },
+    "name": "nlCodeBlockPaddingInline",
+    "attributes": {},
+    "path": [
+      "nl",
+      "code-block",
+      "padding-inline"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 30%)",
+    "filePath": "src/component/nl/data-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.grey.30}"
+    },
+    "name": "nlDataBadgeBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "data-badge",
+      "background-color"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/nl/data-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "nlDataBadgeBorderRadius",
+    "attributes": {},
+    "path": [
+      "nl",
+      "data-badge",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/nl/data-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.white}"
+    },
+    "name": "nlDataBadgeColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "data-badge",
+      "color"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/nl/data-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.space.block.xs}"
+    },
+    "name": "nlDataBadgePaddingBlock",
+    "attributes": {},
+    "path": [
+      "nl",
+      "data-badge",
+      "padding-block"
+    ]
+  },
+  {
+    "value": "12px",
+    "filePath": "src/component/nl/data-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.space.inline.sm}"
+    },
+    "name": "nlDataBadgePaddingInline",
+    "attributes": {},
+    "path": [
+      "nl",
+      "data-badge",
+      "padding-inline"
+    ]
+  },
+  {
+    "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.sans-serif.font-family}"
+    },
+    "name": "nlHeadingLevel1FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-1",
+      "font-family"
+    ]
+  },
+  {
+    "value": "2rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.4xl.font-size}"
+    },
+    "name": "nlHeadingLevel1FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-1",
+      "font-size"
+    ]
+  },
+  {
+    "value": "700",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+    },
+    "name": "nlHeadingLevel1FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-1",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.25",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.sm}"
+    },
+    "name": "nlHeadingLevel1LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-1",
+      "line-height"
+    ]
+  },
+  {
+    "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.sans-serif.font-family}"
+    },
+    "name": "nlHeadingLevel2FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-2",
+      "font-family"
+    ]
+  },
+  {
+    "value": "1.25rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.xl.font-size}"
+    },
+    "name": "nlHeadingLevel2FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-2",
+      "font-size"
+    ]
+  },
+  {
+    "value": "700",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+    },
+    "name": "nlHeadingLevel2FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-2",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.25",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.sm}"
+    },
+    "name": "nlHeadingLevel2LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-2",
+      "line-height"
+    ]
+  },
+  {
+    "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.sans-serif.font-family}"
+    },
+    "name": "nlHeadingLevel3FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-3",
+      "font-family"
+    ]
+  },
+  {
+    "value": "1.25rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.xl.font-size}"
+    },
+    "name": "nlHeadingLevel3FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-3",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlHeadingLevel3FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-3",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.25",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.sm}"
+    },
+    "name": "nlHeadingLevel3LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-3",
+      "line-height"
+    ]
+  },
+  {
+    "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.sans-serif.font-family}"
+    },
+    "name": "nlHeadingLevel4FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-4",
+      "font-family"
+    ]
+  },
+  {
+    "value": "1.125rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.lg.font-size}"
+    },
+    "name": "nlHeadingLevel4FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-4",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlHeadingLevel4FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-4",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlHeadingLevel4LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-4",
+      "line-height"
+    ]
+  },
+  {
+    "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.sans-serif.font-family}"
+    },
+    "name": "nlHeadingLevel5FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-5",
+      "font-family"
+    ]
+  },
+  {
+    "value": "0.875rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.sm.font-size}"
+    },
+    "name": "nlHeadingLevel5FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-5",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlHeadingLevel5FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-5",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlHeadingLevel5LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-5",
+      "line-height"
+    ]
+  },
+  {
+    "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.sans-serif.font-family}"
+    },
+    "name": "nlHeadingLevel6FontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-6",
+      "font-family"
+    ]
+  },
+  {
+    "value": "0.875rem",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.sm.font-size}"
+    },
+    "name": "nlHeadingLevel6FontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-6",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlHeadingLevel6FontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-6",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/heading.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlHeadingLevel6LineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "heading",
+      "level-6",
+      "line-height"
+    ]
+  },
+  {
+    "value": "hsl(48 100% 60%)",
+    "filePath": "src/component/nl/mark.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.yellow.60}"
+    },
+    "name": "nlMarkBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "mark",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/nl/mark.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.black}"
+    },
+    "name": "nlMarkColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "mark",
+      "color"
+    ]
+  },
+  {
+    "value": "hsl(0 100% 40%)",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.red.40}"
+    },
+    "name": "nlNumberBadgeBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "background-color"
+    ]
+  },
+  {
+    "value": "1rem",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{nl.number-badge.font-size}"
+    },
+    "name": "nlNumberBadgeBorderRadius",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.white}"
+    },
+    "name": "nlNumberBadgeColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "color"
+    ]
+  },
+  {
+    "value": "1rem",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.md.font-size}"
+    },
+    "name": "nlNumberBadgeFontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "font-size"
+    ]
+  },
+  {
+    "value": "1ex",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "1ex"
+    },
+    "name": "nlNumberBadgePaddingBlock",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "padding-block"
+    ]
+  },
+  {
+    "value": "1ex",
+    "filePath": "src/component/nl/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "1ex"
+    },
+    "name": "nlNumberBadgePaddingInline",
+    "attributes": {},
+    "path": [
+      "nl",
+      "number-badge",
+      "padding-inline"
+    ]
+  },
+  {
+    "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.sans-serif.font-family}"
+    },
+    "name": "nlParagraphFontFamily",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "font-family"
+    ]
+  },
+  {
+    "value": "1rem",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.md.font-size}"
+    },
+    "name": "nlParagraphFontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlParagraphFontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.document.color}"
+    },
+    "name": "nlParagraphLeadColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "lead",
+      "color"
+    ]
+  },
+  {
+    "value": "1.25rem",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.xl.font-size}"
+    },
+    "name": "nlParagraphLeadFontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "lead",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+    },
+    "name": "nlParagraphLeadFontWeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "lead",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlParagraphLeadLineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "lead",
+      "line-height"
+    ]
+  },
+  {
+    "value": "1.5",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.line-height.md}"
+    },
+    "name": "nlParagraphLineHeight",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "line-height"
+    ]
+  },
+  {
+    "value": "0.875rem",
+    "filePath": "src/component/nl/paragraph.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.typography.scale.sm.font-size}"
+    },
+    "name": "nlParagraphSmallFontSize",
+    "attributes": {},
+    "path": [
+      "nl",
+      "paragraph",
+      "small",
+      "font-size"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 15%)",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.topnav.list.background-color}"
+    },
+    "name": "nlSkipLinkBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.topnav.link.color}"
+    },
+    "name": "nlSkipLinkColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "color"
+    ]
+  },
+  {
+    "value": "hsl(48 100% 80%)",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.topnav.link.focus.background-color}"
+    },
+    "name": "nlSkipLinkFocusVisibleBackgroundColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "focus-visible",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.topnav.link.focus.color}"
+    },
+    "name": "nlSkipLinkFocusVisibleColor",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "focus-visible",
+      "color"
+    ]
+  },
+  {
+    "value": "none",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.link.focus-visible.text-decoration}"
+    },
+    "name": "nlSkipLinkFocusVisibleTextDecoration",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "focus-visible",
+      "text-decoration"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.button.padding-block-start}"
+    },
+    "name": "nlSkipLinkPaddingBlock",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "padding-block"
+    ]
+  },
+  {
+    "value": "16px",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.button.padding-inline-start}"
+    },
+    "name": "nlSkipLinkPaddingInline",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "padding-inline"
+    ]
+  },
+  {
+    "value": "underline",
+    "filePath": "src/component/nl/skip-link.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.link.text-decoration}"
+    },
+    "name": "nlSkipLinkTextDecoration",
+    "attributes": {},
+    "path": [
+      "nl",
+      "skip-link",
+      "text-decoration"
+    ]
+  },
   {
     "value": "hsl(0 0% 100%)",
     "filePath": "src/component/of/layout.tokens.json",
@@ -1487,6 +2434,51 @@ export default [
       "box-shadow"
     ]
   },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/signalen/signalen.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.body.background-color}"
+    },
+    "name": "signalenModalDialogBackgroundColor",
+    "attributes": {},
+    "path": [
+      "signalen",
+      "modal-dialog",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/signalen/signalen.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.body.color}"
+    },
+    "name": "signalenModalDialogColor",
+    "attributes": {},
+    "path": [
+      "signalen",
+      "modal-dialog",
+      "color"
+    ]
+  },
+  {
+    "value": "4px",
+    "filePath": "src/component/signalen/signalen.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "4px"
+    },
+    "name": "signalenProgressBarBorderRadius",
+    "attributes": {},
+    "path": [
+      "signalen",
+      "progress-bar",
+      "border-radius"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -3780,7 +4772,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.grey.30}"
+      "value": "{nl.data-badge.background-color}"
     },
     "name": "utrechtBadgeBackgroundColor",
     "attributes": {},
@@ -3819,7 +4811,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "0"
+      "value": "{nl.data-badge.border-radius}"
     },
     "name": "utrechtBadgeBorderRadius",
     "attributes": {},
@@ -3852,7 +4844,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.white}"
+      "value": "{nl.data-badge.color}"
     },
     "name": "utrechtBadgeColor",
     "attributes": {},
@@ -4194,7 +5186,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.xs}"
+      "value": "{nl.data-badge.padding-block}"
     },
     "name": "utrechtBadgePaddingBlock",
     "attributes": {},
@@ -4233,7 +5225,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.inline.sm}"
+      "value": "{nl.data-badge.padding-inline}"
     },
     "name": "utrechtBadgePaddingInline",
     "attributes": {},
@@ -4463,6 +5455,153 @@ export default [
       "margin-inline-start"
     ]
   },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtBodyBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "body",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.black}"
+    },
+    "name": "utrechtBodyColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "body",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "*",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "fontFamilies"
+      }
+    },
+    "type": "fontFamily",
+    "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
+    "filePath": "src/component/utrecht/body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "*",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "fontFamilies"
+        }
+      },
+      "type": "fontFamily",
+      "value": "{utrecht.typography.sans-serif.font-family}"
+    },
+    "name": "utrechtBodyFontFamily",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "body",
+      "font-family"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "fontSizes"
+      }
+    },
+    "type": "fontSize",
+    "value": "1rem",
+    "filePath": "src/component/utrecht/body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "fontSizes"
+        }
+      },
+      "type": "fontSize",
+      "value": "{utrecht.typography.scale.md.font-size}"
+    },
+    "name": "utrechtBodyFontSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "body",
+      "font-size"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": [
+          "<length>",
+          "<number>"
+        ],
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "lineHeights"
+      }
+    },
+    "type": "lineHeight",
+    "value": "1.4",
+    "filePath": "src/component/utrecht/body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": [
+            "<length>",
+            "<number>"
+          ],
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "lineHeights"
+        }
+      },
+      "type": "lineHeight",
+      "value": "1.4"
+    },
+    "name": "utrechtBodyLineHeight",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "body",
+      "line-height"
+    ]
+  },
   {
     "value": "8px",
     "filePath": "src/common/utrecht/border.tokens.json",
@@ -10732,7 +11871,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.grey.95}"
+      "value": "{nl.code-block.background-color}"
     },
     "name": "utrechtCodeBlockBackgroundColor",
     "attributes": {},
@@ -10763,7 +11902,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.black}"
+      "value": "{nl.code-block.color}"
     },
     "name": "utrechtCodeBlockColor",
     "attributes": {},
@@ -10773,6 +11912,43 @@ export default [
       "color"
     ]
   },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "*",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "fontFamilies"
+      }
+    },
+    "type": "fontFamily",
+    "value": "\"Monaco\"",
+    "filePath": "src/component/utrecht/code-block.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "*",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "fontFamilies"
+        }
+      },
+      "type": "fontFamily",
+      "value": "{nl.code-block.font-family}"
+    },
+    "name": "utrechtCodeBlockFontFamily",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "code-block",
+      "font-family"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -10800,7 +11976,7 @@ export default [
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.md.font-size}"
+      "value": "{nl.code-block.font-size}"
     },
     "name": "utrechtCodeBlockFontSize",
     "attributes": {},
@@ -10843,7 +12019,7 @@ export default [
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.code-block.line-height}"
     },
     "name": "utrechtCodeBlockLineHeight",
     "attributes": {},
@@ -10954,7 +12130,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-block}"
     },
     "name": "utrechtCodeBlockPaddingBlockEnd",
     "attributes": {},
@@ -10991,7 +12167,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-block}"
     },
     "name": "utrechtCodeBlockPaddingBlockStart",
     "attributes": {},
@@ -11028,7 +12204,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-inline}"
     },
     "name": "utrechtCodeBlockPaddingInlineEnd",
     "attributes": {},
@@ -11065,7 +12241,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "20px"
+      "value": "{nl.code-block.padding-inline}"
     },
     "name": "utrechtCodeBlockPaddingInlineStart",
     "attributes": {},
@@ -16389,7 +17565,7 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -16404,7 +17580,7 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -16426,7 +17602,7 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -16441,7 +17617,7 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -16463,7 +17639,7 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -16478,7 +17654,7 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -16500,7 +17676,7 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
@@ -16515,7 +17691,7 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
@@ -16892,7 +18068,7 @@ export default [
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-1.font-family}"
     },
     "name": "utrechtHeading1FontFamily",
     "attributes": {},
@@ -16929,7 +18105,7 @@ export default [
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.4xl.font-size}"
+      "value": "{nl.heading.level-1.font-size}"
     },
     "name": "utrechtHeading1FontSize",
     "attributes": {},
@@ -16972,7 +18148,7 @@ export default [
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+      "value": "{nl.heading.level-1.font-weight}"
     },
     "name": "utrechtHeading1FontWeight",
     "attributes": {},
@@ -17015,7 +18191,7 @@ export default [
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.sm}"
+      "value": "{nl.heading.level-1.line-height}"
     },
     "name": "utrechtHeading1LineHeight",
     "attributes": {},
@@ -17134,7 +18310,7 @@ export default [
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-2.font-family}"
     },
     "name": "utrechtHeading2FontFamily",
     "attributes": {},
@@ -17171,7 +18347,7 @@ export default [
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.xl.font-size}"
+      "value": "{nl.heading.level-2.font-size}"
     },
     "name": "utrechtHeading2FontSize",
     "attributes": {},
@@ -17214,7 +18390,7 @@ export default [
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+      "value": "{nl.heading.level-2.font-weight}"
     },
     "name": "utrechtHeading2FontWeight",
     "attributes": {},
@@ -17257,7 +18433,7 @@ export default [
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.sm}"
+      "value": "{nl.heading.level-2.line-height}"
     },
     "name": "utrechtHeading2LineHeight",
     "attributes": {},
@@ -17376,7 +18552,7 @@ export default [
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-3.font-family}"
     },
     "name": "utrechtHeading3FontFamily",
     "attributes": {},
@@ -17413,7 +18589,7 @@ export default [
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.xl.font-size}"
+      "value": "{nl.heading.level-3.font-size}"
     },
     "name": "utrechtHeading3FontSize",
     "attributes": {},
@@ -17456,7 +18632,7 @@ export default [
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-3.font-weight}"
     },
     "name": "utrechtHeading3FontWeight",
     "attributes": {},
@@ -17499,7 +18675,7 @@ export default [
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.sm}"
+      "value": "{nl.heading.level-3.line-height}"
     },
     "name": "utrechtHeading3LineHeight",
     "attributes": {},
@@ -17618,7 +18794,7 @@ export default [
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-4.font-family}"
     },
     "name": "utrechtHeading4FontFamily",
     "attributes": {},
@@ -17655,7 +18831,7 @@ export default [
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.lg.font-size}"
+      "value": "{nl.heading.level-4.font-size}"
     },
     "name": "utrechtHeading4FontSize",
     "attributes": {},
@@ -17698,7 +18874,7 @@ export default [
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-4.font-weight}"
     },
     "name": "utrechtHeading4FontWeight",
     "attributes": {},
@@ -17741,7 +18917,7 @@ export default [
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.heading.level-4.line-height}"
     },
     "name": "utrechtHeading4LineHeight",
     "attributes": {},
@@ -17860,7 +19036,7 @@ export default [
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-5.font-family}"
     },
     "name": "utrechtHeading5FontFamily",
     "attributes": {},
@@ -17897,7 +19073,7 @@ export default [
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.sm.font-size}"
+      "value": "{nl.heading.level-5.font-size}"
     },
     "name": "utrechtHeading5FontSize",
     "attributes": {},
@@ -17940,7 +19116,7 @@ export default [
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-5.font-weight}"
     },
     "name": "utrechtHeading5FontWeight",
     "attributes": {},
@@ -17983,7 +19159,7 @@ export default [
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.heading.level-5.line-height}"
     },
     "name": "utrechtHeading5LineHeight",
     "attributes": {},
@@ -18102,7 +19278,7 @@ export default [
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.heading.level-6.font-family}"
     },
     "name": "utrechtHeading6FontFamily",
     "attributes": {},
@@ -18139,7 +19315,7 @@ export default [
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.sm.font-size}"
+      "value": "{nl.heading.level-6.font-size}"
     },
     "name": "utrechtHeading6FontSize",
     "attributes": {},
@@ -18182,7 +19358,7 @@ export default [
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.heading.level-6.font-weight}"
     },
     "name": "utrechtHeading6FontWeight",
     "attributes": {},
@@ -18225,7 +19401,7 @@ export default [
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.heading.level-6.line-height}"
     },
     "name": "utrechtHeading6LineHeight",
     "attributes": {},
@@ -18920,16 +20096,54 @@ export default [
         ],
         "nl.nldesignsystem.figma.supports-token": false
       },
-      "type": "other",
-      "value": "3px"
+      "type": "other",
+      "value": "3px"
+    },
+    "name": "utrechtLinkHoverTextDecorationThickness",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "link",
+      "hover",
+      "text-decoration-thickness"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "sizing"
+      }
+    },
+    "type": "dimension",
+    "value": "1.2em",
+    "filePath": "src/component/utrecht/link.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "sizing"
+        }
+      },
+      "type": "dimension",
+      "value": "1.2em"
     },
-    "name": "utrechtLinkHoverTextDecorationThickness",
+    "name": "utrechtLinkIconSize",
     "attributes": {},
     "path": [
       "utrecht",
       "link",
-      "hover",
-      "text-decoration-thickness"
+      "icon",
+      "size"
     ]
   },
   {
@@ -18940,12 +20154,12 @@ export default [
       },
       "nl.nldesignsystem.figma.supports-token": true,
       "studio.tokens": {
-        "originalType": "sizing"
+        "originalType": "spacing"
       }
     },
     "type": "dimension",
-    "value": "1.2em",
-    "filePath": "src/component/utrecht/link.tokens.json",
+    "value": "0.15em",
+    "filePath": "src/component/utrecht/link-list.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -18955,19 +20169,19 @@ export default [
         },
         "nl.nldesignsystem.figma.supports-token": true,
         "studio.tokens": {
-          "originalType": "sizing"
+          "originalType": "spacing"
         }
       },
       "type": "dimension",
-      "value": "1.2em"
+      "value": "0.15em"
     },
-    "name": "utrechtLinkIconSize",
+    "name": "utrechtLinkListIconInsetBlockStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "link",
+      "link-list",
       "icon",
-      "size"
+      "inset-block-start"
     ]
   },
   {
@@ -21224,7 +22438,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.yellow.60}"
+      "value": "{nl.mark.background-color}"
     },
     "name": "utrechtMarkBackgroundColor",
     "attributes": {},
@@ -21255,7 +22469,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.black}"
+      "value": "{nl.mark.color}"
     },
     "name": "utrechtMarkColor",
     "attributes": {},
@@ -21301,62 +22515,309 @@ export default [
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "sizing"
+      }
+    },
+    "type": "dimension",
+    "value": "1184px",
+    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "sizing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.page.max-inline-size}"
+    },
+    "name": "utrechtNavBarContentMaxInlineSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "nav-bar",
+      "content",
+      "max-inline-size"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "8px",
+    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.block.xs}"
+    },
+    "name": "utrechtNavBarLinkPaddingBlockEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "nav-bar",
+      "link",
+      "padding-block-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "8px",
+    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.block.xs}"
+    },
+    "name": "utrechtNavBarLinkPaddingBlockStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "nav-bar",
+      "link",
+      "padding-block-start"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "16px",
+    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.inline.md}"
+    },
+    "name": "utrechtNavBarLinkPaddingInlineEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "nav-bar",
+      "link",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "16px",
+    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "{utrecht.space.inline.md}"
+    },
+    "name": "utrechtNavBarLinkPaddingInlineStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "nav-bar",
+      "link",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.fallback": [
+        "utrecht.badge.background-color"
+      ],
+      "nl.nldesignsystem.figma.supports-token": true
+    },
+    "type": "color",
+    "value": "hsl(0 100% 40%)",
+    "filePath": "src/component/utrecht/number-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.fallback": [
+          "utrecht.badge.background-color"
+        ],
+        "nl.nldesignsystem.figma.supports-token": true
+      },
+      "type": "color",
+      "value": "{nl.number-badge.background-color}"
+    },
+    "name": "utrechtNumberBadgeBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "number-badge",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length-percentage>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": false
+      "nl.nldesignsystem.fallback": [
+        "utrecht.badge.border-radius"
+      ],
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "borderRadius"
+      }
     },
-    "type": "color",
-    "value": "hsl(0 0% 100%)",
-    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "type": "dimension",
+    "value": "1rem",
+    "filePath": "src/component/utrecht/number-badge.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
+          "syntax": "<length-percentage>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": false
+        "nl.nldesignsystem.fallback": [
+          "utrecht.badge.border-radius"
+        ],
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "borderRadius"
+        }
       },
-      "type": "color",
-      "value": "{utrecht.color.white}"
+      "type": "dimension",
+      "value": "{nl.number-badge.border-radius}"
     },
-    "name": "utrechtNavBarBackgroundColor",
+    "name": "utrechtNumberBadgeBorderRadius",
     "attributes": {},
     "path": [
       "utrecht",
-      "nav-bar",
-      "background-color"
+      "number-badge",
+      "border-radius"
     ]
   },
   {
+    "comment": "Default text color for badge components",
     "$extensions": {
       "nl.nldesignsystem.css.property": {
         "syntax": "<color>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": false
+      "nl.nldesignsystem.fallback": [
+        "utrecht.badge.color"
+      ],
+      "nl.nldesignsystem.figma.supports-token": true
     },
     "type": "color",
-    "value": "hsl(0 0% 0%)",
-    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/number-badge.tokens.json",
     "isSource": true,
     "original": {
+      "comment": "Default text color for badge components",
       "$extensions": {
         "nl.nldesignsystem.css.property": {
           "syntax": "<color>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": false
+        "nl.nldesignsystem.fallback": [
+          "utrecht.badge.color"
+        ],
+        "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.color.black}"
+      "value": "{nl.number-badge.color}"
     },
-    "name": "utrechtNavBarColor",
+    "name": "utrechtNumberBadgeColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "nav-bar",
+      "number-badge",
       "color"
     ]
   },
@@ -21366,14 +22827,17 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": false,
+      "nl.nldesignsystem.fallback": [
+        "utrecht.badge.font-size"
+      ],
+      "nl.nldesignsystem.figma.supports-token": true,
       "studio.tokens": {
-        "originalType": "sizing"
+        "originalType": "fontSizes"
       }
     },
-    "type": "dimension",
-    "value": "1184px",
-    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "type": "fontSize",
+    "value": "1rem",
+    "filePath": "src/component/utrecht/number-badge.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -21381,135 +22845,177 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": false,
+        "nl.nldesignsystem.fallback": [
+          "utrecht.badge.font-size"
+        ],
+        "nl.nldesignsystem.figma.supports-token": true,
         "studio.tokens": {
-          "originalType": "sizing"
+          "originalType": "fontSizes"
         }
       },
-      "type": "dimension",
-      "value": "{utrecht.page.max-inline-size}"
+      "type": "fontSize",
+      "value": "{nl.number-badge.font-size}"
     },
-    "name": "utrechtNavBarContentMaxInlineSize",
+    "name": "utrechtNumberBadgeFontSize",
     "attributes": {},
     "path": [
       "utrecht",
-      "nav-bar",
-      "content",
-      "max-inline-size"
+      "number-badge",
+      "font-size"
     ]
   },
   {
+    "comment": "Default block padding for badge components",
     "$extensions": {
       "nl.nldesignsystem.css.property": {
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": false,
+      "nl.nldesignsystem.fallback": [
+        "utrecht.badge.padding-block"
+      ],
+      "nl.nldesignsystem.figma.supports-token": true,
       "studio.tokens": {
         "originalType": "spacing"
       }
     },
     "type": "dimension",
-    "value": "8px",
-    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "value": "1ex",
+    "filePath": "src/component/utrecht/number-badge.tokens.json",
     "isSource": true,
     "original": {
+      "comment": "Default block padding for badge components",
       "$extensions": {
         "nl.nldesignsystem.css.property": {
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": false,
+        "nl.nldesignsystem.fallback": [
+          "utrecht.badge.padding-block"
+        ],
+        "nl.nldesignsystem.figma.supports-token": true,
         "studio.tokens": {
           "originalType": "spacing"
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.xs}"
+      "value": "{nl.number-badge.padding-block}"
     },
-    "name": "utrechtNavBarLinkPaddingBlockEnd",
+    "name": "utrechtNumberBadgePaddingBlock",
     "attributes": {},
     "path": [
       "utrecht",
-      "nav-bar",
-      "link",
-      "padding-block-end"
+      "number-badge",
+      "padding-block"
     ]
   },
   {
+    "comment": "Default inline padding color for badge components",
     "$extensions": {
       "nl.nldesignsystem.css.property": {
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": false,
+      "nl.nldesignsystem.fallback": [
+        "utrecht.badge.padding-inline"
+      ],
+      "nl.nldesignsystem.figma.supports-token": true,
       "studio.tokens": {
         "originalType": "spacing"
       }
     },
     "type": "dimension",
-    "value": "8px",
-    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "value": "1ex",
+    "filePath": "src/component/utrecht/number-badge.tokens.json",
     "isSource": true,
     "original": {
+      "comment": "Default inline padding color for badge components",
       "$extensions": {
         "nl.nldesignsystem.css.property": {
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": false,
+        "nl.nldesignsystem.fallback": [
+          "utrecht.badge.padding-inline"
+        ],
+        "nl.nldesignsystem.figma.supports-token": true,
         "studio.tokens": {
           "originalType": "spacing"
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.xs}"
+      "value": "{nl.number-badge.padding-inline}"
     },
-    "name": "utrechtNavBarLinkPaddingBlockStart",
+    "name": "utrechtNumberBadgePaddingInline",
     "attributes": {},
     "path": [
       "utrecht",
-      "nav-bar",
-      "link",
-      "padding-block-start"
+      "number-badge",
+      "padding-inline"
     ]
   },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<length>",
+        "syntax": "<color>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": false,
-      "studio.tokens": {
-        "originalType": "spacing"
-      }
+      "nl.nldesignsystem.figma.supports-token": false
     },
-    "type": "dimension",
-    "value": "16px",
-    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "type": "color",
+    "value": "red",
+    "filePath": "src/component/utrecht/number-data.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<length>",
+          "syntax": "<color>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": false,
-        "studio.tokens": {
-          "originalType": "spacing"
-        }
+        "nl.nldesignsystem.figma.supports-token": false
       },
-      "type": "dimension",
-      "value": "{utrecht.space.inline.md}"
+      "type": "color",
+      "value": "red"
     },
-    "name": "utrechtNavBarLinkPaddingInlineEnd",
+    "name": "utrechtNumberDataNegativeColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "nav-bar",
-      "link",
-      "padding-inline-end"
+      "number-data",
+      "negative",
+      "color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "green",
+    "filePath": "src/component/utrecht/number-data.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "green"
+    },
+    "name": "utrechtNumberDataPositiveColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "number-data",
+      "positive",
+      "color"
     ]
   },
   {
@@ -21518,14 +23024,17 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.figma.supports-token": false,
+      "nl.nldesignsystem.fallback": [
+        "utrecht.unordered-list.item.margin-block-end"
+      ],
+      "nl.nldesignsystem.figma.supports-token": true,
       "studio.tokens": {
         "originalType": "spacing"
       }
     },
     "type": "dimension",
-    "value": "16px",
-    "filePath": "src/component/utrecht/nav-bar.tokens.json",
+    "value": "0.25em",
+    "filePath": "src/component/utrecht/ordered-list.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -21533,140 +23042,157 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.figma.supports-token": false,
+        "nl.nldesignsystem.fallback": [
+          "utrecht.unordered-list.item.margin-block-end"
+        ],
+        "nl.nldesignsystem.figma.supports-token": true,
         "studio.tokens": {
           "originalType": "spacing"
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.inline.md}"
+      "value": "0.25em"
     },
-    "name": "utrechtNavBarLinkPaddingInlineStart",
+    "name": "utrechtOrderedListItemMarginBlockEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "nav-bar",
-      "link",
-      "padding-inline-start"
+      "ordered-list",
+      "item",
+      "margin-block-end"
     ]
   },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
+        "syntax": "<length>",
         "inherits": true
       },
       "nl.nldesignsystem.fallback": [
-        "utrecht.badge.background-color"
+        "utrecht.unordered-list.item.margin-block-start"
       ],
-      "nl.nldesignsystem.figma.supports-token": true
+      "nl.nldesignsystem.figma.supports-token": true,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
     },
-    "type": "color",
-    "value": "hsl(0 100% 40%)",
-    "filePath": "src/component/utrecht/number-badge.tokens.json",
+    "type": "dimension",
+    "value": "0.25em",
+    "filePath": "src/component/utrecht/ordered-list.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
+          "syntax": "<length>",
           "inherits": true
         },
         "nl.nldesignsystem.fallback": [
-          "utrecht.badge.background-color"
+          "utrecht.unordered-list.item.margin-block-start"
         ],
-        "nl.nldesignsystem.figma.supports-token": true
+        "nl.nldesignsystem.figma.supports-token": true,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
       },
-      "type": "color",
-      "value": "{utrecht.color.red.40}"
+      "type": "dimension",
+      "value": "0.25em"
     },
-    "name": "utrechtNumberBadgeBackgroundColor",
+    "name": "utrechtOrderedListItemMarginBlockStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "number-badge",
-      "background-color"
+      "ordered-list",
+      "item",
+      "margin-block-start"
     ]
   },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<length-percentage>",
+        "syntax": "<length>",
         "inherits": true
       },
       "nl.nldesignsystem.fallback": [
-        "utrecht.badge.border-radius"
+        "utrecht.unordered-list.item.padding-inline-start"
       ],
       "nl.nldesignsystem.figma.supports-token": true,
       "studio.tokens": {
-        "originalType": "borderRadius"
+        "originalType": "spacing"
       }
     },
     "type": "dimension",
-    "value": "1rem",
-    "filePath": "src/component/utrecht/number-badge.tokens.json",
+    "value": "0",
+    "filePath": "src/component/utrecht/ordered-list.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<length-percentage>",
+          "syntax": "<length>",
           "inherits": true
         },
         "nl.nldesignsystem.fallback": [
-          "utrecht.badge.border-radius"
+          "utrecht.unordered-list.item.padding-inline-start"
         ],
         "nl.nldesignsystem.figma.supports-token": true,
         "studio.tokens": {
-          "originalType": "borderRadius"
+          "originalType": "spacing"
         }
       },
       "type": "dimension",
-      "value": "{utrecht.number-badge.font-size}"
+      "value": "0"
     },
-    "name": "utrechtNumberBadgeBorderRadius",
+    "name": "utrechtOrderedListItemPaddingInlineStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "number-badge",
-      "border-radius"
+      "ordered-list",
+      "item",
+      "padding-inline-start"
     ]
   },
   {
-    "comment": "Default text color for badge components",
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
+        "syntax": "<length>",
         "inherits": true
       },
       "nl.nldesignsystem.fallback": [
-        "utrecht.badge.color"
+        "utrecht.unordered-list.margin-block-end",
+        "utrecht.document.margin-block-end"
       ],
-      "nl.nldesignsystem.figma.supports-token": true
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
     },
-    "type": "color",
-    "value": "hsl(0 0% 100%)",
-    "filePath": "src/component/utrecht/number-badge.tokens.json",
+    "type": "dimension",
+    "value": "1em",
+    "filePath": "src/component/utrecht/ordered-list.tokens.json",
     "isSource": true,
     "original": {
-      "comment": "Default text color for badge components",
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
+          "syntax": "<length>",
           "inherits": true
         },
         "nl.nldesignsystem.fallback": [
-          "utrecht.badge.color"
+          "utrecht.unordered-list.margin-block-end",
+          "utrecht.document.margin-block-end"
         ],
-        "nl.nldesignsystem.figma.supports-token": true
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
       },
-      "type": "color",
-      "value": "{utrecht.color.white}"
+      "type": "dimension",
+      "value": "1em"
     },
-    "name": "utrechtNumberBadgeColor",
+    "name": "utrechtOrderedListMarginBlockEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "number-badge",
-      "color"
+      "ordered-list",
+      "margin-block-end"
     ]
   },
   {
@@ -21676,16 +23202,17 @@ export default [
         "inherits": true
       },
       "nl.nldesignsystem.fallback": [
-        "utrecht.badge.font-size"
+        "utrecht.unordered-list.margin-block-start",
+        "utrecht.document.margin-block-start"
       ],
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
-        "originalType": "fontSizes"
+        "originalType": "spacing"
       }
     },
-    "type": "fontSize",
-    "value": "1rem",
-    "filePath": "src/component/utrecht/number-badge.tokens.json",
+    "type": "dimension",
+    "value": "0",
+    "filePath": "src/component/utrecht/ordered-list.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -21694,33 +23221,34 @@ export default [
           "inherits": true
         },
         "nl.nldesignsystem.fallback": [
-          "utrecht.badge.font-size"
+          "utrecht.unordered-list.margin-block-start",
+          "utrecht.document.margin-block-start"
         ],
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
-          "originalType": "fontSizes"
+          "originalType": "spacing"
         }
       },
-      "type": "fontSize",
-      "value": "{utrecht.typography.scale.md.font-size}"
+      "type": "dimension",
+      "value": "0"
     },
-    "name": "utrechtNumberBadgeFontSize",
+    "name": "utrechtOrderedListMarginBlockStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "number-badge",
-      "font-size"
+      "ordered-list",
+      "margin-block-start"
     ]
   },
   {
-    "comment": "Default block padding for badge components",
     "$extensions": {
       "nl.nldesignsystem.css.property": {
         "syntax": "<length>",
         "inherits": true
       },
       "nl.nldesignsystem.fallback": [
-        "utrecht.badge.padding-block"
+        "utrecht.unordered-list.padding-inline-start",
+        "utrecht.document.padding-inline-start"
       ],
       "nl.nldesignsystem.figma.supports-token": true,
       "studio.tokens": {
@@ -21728,18 +23256,18 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "1ex",
-    "filePath": "src/component/utrecht/number-badge.tokens.json",
+    "value": "28.8px",
+    "filePath": "src/component/utrecht/ordered-list.tokens.json",
     "isSource": true,
     "original": {
-      "comment": "Default block padding for badge components",
       "$extensions": {
         "nl.nldesignsystem.css.property": {
           "syntax": "<length>",
           "inherits": true
         },
         "nl.nldesignsystem.fallback": [
-          "utrecht.badge.padding-block"
+          "utrecht.unordered-list.padding-inline-start",
+          "utrecht.document.padding-inline-start"
         ],
         "nl.nldesignsystem.figma.supports-token": true,
         "studio.tokens": {
@@ -21747,59 +23275,45 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "1ex"
+      "value": "28.8px"
     },
-    "name": "utrechtNumberBadgePaddingBlock",
+    "name": "utrechtOrderedListPaddingInlineStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "number-badge",
-      "padding-block"
+      "ordered-list",
+      "padding-inline-start"
     ]
   },
   {
-    "comment": "Default inline padding color for badge components",
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<length>",
+        "syntax": "<color>",
         "inherits": true
       },
-      "nl.nldesignsystem.fallback": [
-        "utrecht.badge.padding-inline"
-      ],
-      "nl.nldesignsystem.figma.supports-token": true,
-      "studio.tokens": {
-        "originalType": "spacing"
-      }
+      "nl.nldesignsystem.figma.supports-token": false
     },
-    "type": "dimension",
-    "value": "1ex",
-    "filePath": "src/component/utrecht/number-badge.tokens.json",
+    "type": "color",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/page.tokens.json",
     "isSource": true,
     "original": {
-      "comment": "Default inline padding color for badge components",
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<length>",
+          "syntax": "<color>",
           "inherits": true
         },
-        "nl.nldesignsystem.fallback": [
-          "utrecht.badge.padding-inline"
-        ],
-        "nl.nldesignsystem.figma.supports-token": true,
-        "studio.tokens": {
-          "originalType": "spacing"
-        }
+        "nl.nldesignsystem.figma.supports-token": false
       },
-      "type": "dimension",
-      "value": "1ex"
+      "type": "color",
+      "value": "{utrecht.color.white}"
     },
-    "name": "utrechtNumberBadgePaddingInline",
+    "name": "utrechtPageBackgroundColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "number-badge",
-      "padding-inline"
+      "page",
+      "background-color"
     ]
   },
   {
@@ -21811,8 +23325,8 @@ export default [
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "red",
-    "filePath": "src/component/utrecht/number-data.tokens.json",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -21823,15 +23337,15 @@ export default [
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "red"
+      "value": "{utrecht.color.white}"
     },
-    "name": "utrechtNumberDataNegativeColor",
+    "name": "utrechtPageBodyContentBackgroundColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "number-data",
-      "negative",
-      "color"
+      "page-body",
+      "content",
+      "background-color"
     ]
   },
   {
@@ -21843,8 +23357,8 @@ export default [
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "green",
-    "filePath": "src/component/utrecht/number-data.tokens.json",
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -21855,34 +23369,47 @@ export default [
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "green"
+      "value": "{utrecht.color.black}"
     },
-    "name": "utrechtNumberDataPositiveColor",
+    "name": "utrechtPageBodyContentColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "number-data",
-      "positive",
+      "page-body",
+      "content",
       "color"
     ]
   },
+  {
+    "value": "1184px",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "1184px"
+    },
+    "name": "utrechtPageBodyContentMaxInlineSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "content",
+      "max-inline-size"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.fallback": [
-        "utrecht.unordered-list.item.margin-block-end"
-      ],
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
     },
     "type": "dimension",
-    "value": "0.25em",
-    "filePath": "src/component/utrecht/ordered-list.tokens.json",
+    "value": "1em",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -21890,24 +23417,21 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.fallback": [
-          "utrecht.unordered-list.item.margin-block-end"
-        ],
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
       },
       "type": "dimension",
-      "value": "0.25em"
+      "value": "1em"
     },
-    "name": "utrechtOrderedListItemMarginBlockEnd",
+    "name": "utrechtPageBodyContentPaddingBlockEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "ordered-list",
-      "item",
-      "margin-block-end"
+      "page-body",
+      "content",
+      "padding-block-end"
     ]
   },
   {
@@ -21916,17 +23440,68 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.fallback": [
-        "utrecht.unordered-list.item.margin-block-start"
-      ],
-      "nl.nldesignsystem.figma.supports-token": true,
+      "nl.nldesignsystem.figma.supports-token": false,
+      "studio.tokens": {
+        "originalType": "spacing"
+      }
+    },
+    "type": "dimension",
+    "value": "0",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<length>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false,
+        "studio.tokens": {
+          "originalType": "spacing"
+        }
+      },
+      "type": "dimension",
+      "value": "0"
+    },
+    "name": "utrechtPageBodyContentPaddingBlockStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "content",
+      "padding-block-start"
+    ]
+  },
+  {
+    "value": "2.4em",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "2.4em"
+    },
+    "name": "utrechtPageBodyContentPaddingInlineEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "content",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
     },
     "type": "dimension",
-    "value": "0.25em",
-    "filePath": "src/component/utrecht/ordered-list.tokens.json",
+    "value": "2em",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -21934,68 +23509,112 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.fallback": [
-          "utrecht.unordered-list.item.margin-block-start"
-        ],
-        "nl.nldesignsystem.figma.supports-token": true,
+        "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
       },
       "type": "dimension",
-      "value": "0.25em"
+      "value": "2em"
     },
-    "name": "utrechtOrderedListItemMarginBlockStart",
+    "name": "utrechtPageBodyContentPaddingInlineStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "ordered-list",
-      "item",
-      "margin-block-start"
+      "page-body",
+      "content",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtPageBodyPaddingBlockEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "padding-block-end"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtPageBodyPaddingBlockStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "padding-block-start"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtPageBodyPaddingInlineEnd",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/page-body.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtPageBodyPaddingInlineStart",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-body",
+      "padding-inline-start"
     ]
   },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<length>",
+        "syntax": "<color>",
         "inherits": true
       },
-      "nl.nldesignsystem.fallback": [
-        "utrecht.unordered-list.item.padding-inline-start"
-      ],
-      "nl.nldesignsystem.figma.supports-token": true,
-      "studio.tokens": {
-        "originalType": "spacing"
-      }
+      "nl.nldesignsystem.figma.supports-token": false
     },
-    "type": "dimension",
-    "value": "0",
-    "filePath": "src/component/utrecht/ordered-list.tokens.json",
+    "type": "color",
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/page.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<length>",
+          "syntax": "<color>",
           "inherits": true
         },
-        "nl.nldesignsystem.fallback": [
-          "utrecht.unordered-list.item.padding-inline-start"
-        ],
-        "nl.nldesignsystem.figma.supports-token": true,
-        "studio.tokens": {
-          "originalType": "spacing"
-        }
+        "nl.nldesignsystem.figma.supports-token": false
       },
-      "type": "dimension",
-      "value": "0"
+      "type": "color",
+      "value": "{utrecht.color.black}"
     },
-    "name": "utrechtOrderedListItemPaddingInlineStart",
+    "name": "utrechtPageColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "ordered-list",
-      "item",
-      "padding-inline-start"
+      "page",
+      "color"
     ]
   },
   {
@@ -22004,18 +23623,14 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.fallback": [
-        "utrecht.unordered-list.margin-block-end",
-        "utrecht.document.margin-block-end"
-      ],
       "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
     },
     "type": "dimension",
-    "value": "1em",
-    "filePath": "src/component/utrecht/ordered-list.tokens.json",
+    "value": "2em",
+    "filePath": "src/component/utrecht/page-content.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22023,24 +23638,20 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.fallback": [
-          "utrecht.unordered-list.margin-block-end",
-          "utrecht.document.margin-block-end"
-        ],
         "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
       },
       "type": "dimension",
-      "value": "1em"
+      "value": "2em"
     },
-    "name": "utrechtOrderedListMarginBlockEnd",
+    "name": "utrechtPageContentPaddingBlockEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "ordered-list",
-      "margin-block-end"
+      "page-content",
+      "padding-block-end"
     ]
   },
   {
@@ -22049,18 +23660,14 @@ export default [
         "syntax": "<length>",
         "inherits": true
       },
-      "nl.nldesignsystem.fallback": [
-        "utrecht.unordered-list.margin-block-start",
-        "utrecht.document.margin-block-start"
-      ],
       "nl.nldesignsystem.figma.supports-token": false,
       "studio.tokens": {
         "originalType": "spacing"
       }
     },
     "type": "dimension",
-    "value": "0",
-    "filePath": "src/component/utrecht/ordered-list.tokens.json",
+    "value": "2em",
+    "filePath": "src/component/utrecht/page-content.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22068,100 +23675,82 @@ export default [
           "syntax": "<length>",
           "inherits": true
         },
-        "nl.nldesignsystem.fallback": [
-          "utrecht.unordered-list.margin-block-start",
-          "utrecht.document.margin-block-start"
-        ],
         "nl.nldesignsystem.figma.supports-token": false,
         "studio.tokens": {
           "originalType": "spacing"
         }
       },
       "type": "dimension",
-      "value": "0"
+      "value": "2em"
     },
-    "name": "utrechtOrderedListMarginBlockStart",
+    "name": "utrechtPageContentPaddingBlockStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "ordered-list",
-      "margin-block-start"
+      "page-content",
+      "padding-block-start"
     ]
   },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<length>",
+        "syntax": "<color>",
         "inherits": true
       },
-      "nl.nldesignsystem.fallback": [
-        "utrecht.unordered-list.padding-inline-start",
-        "utrecht.document.padding-inline-start"
-      ],
-      "nl.nldesignsystem.figma.supports-token": true,
-      "studio.tokens": {
-        "originalType": "spacing"
-      }
+      "nl.nldesignsystem.figma.supports-token": false
     },
-    "type": "dimension",
-    "value": "28.8px",
-    "filePath": "src/component/utrecht/ordered-list.tokens.json",
+    "type": "color",
+    "value": "hsl(0 100% 40%)",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<length>",
+          "syntax": "<color>",
           "inherits": true
         },
-        "nl.nldesignsystem.fallback": [
-          "utrecht.unordered-list.padding-inline-start",
-          "utrecht.document.padding-inline-start"
-        ],
-        "nl.nldesignsystem.figma.supports-token": true,
-        "studio.tokens": {
-          "originalType": "spacing"
-        }
+        "nl.nldesignsystem.figma.supports-token": false
       },
-      "type": "dimension",
-      "value": "28.8px"
+      "type": "color",
+      "value": "{utrecht.color.red.40}"
     },
-    "name": "utrechtOrderedListPaddingInlineStart",
+    "name": "utrechtPageFooterBackgroundColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "ordered-list",
-      "padding-inline-start"
+      "page-footer",
+      "background-color"
     ]
   },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
+        "syntax": "<url> | *",
         "inherits": true
       },
       "nl.nldesignsystem.figma.supports-token": false
     },
-    "type": "color",
-    "value": "hsl(0 0% 100%)",
-    "filePath": "src/component/utrecht/page.tokens.json",
+    "type": "other",
+    "value": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
+          "syntax": "<url> | *",
           "inherits": true
         },
         "nl.nldesignsystem.figma.supports-token": false
       },
-      "type": "color",
-      "value": "{utrecht.color.white}"
+      "type": "other",
+      "value": "linear-gradient(45deg, {utrecht.color.red.40}, {utrecht.color.red.40} 50%, #d63433 50%);"
     },
-    "name": "utrechtPageBackgroundColor",
+    "name": "utrechtPageFooterBackgroundImage",
     "attributes": {},
     "path": [
       "utrecht",
-      "page",
-      "background-color"
+      "page-footer",
+      "background-image"
     ]
   },
   {
@@ -22173,8 +23762,8 @@ export default [
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "hsl(0 0% 0%)",
-    "filePath": "src/component/utrecht/page.tokens.json",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22185,16 +23774,32 @@ export default [
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.black}"
+      "value": "{utrecht.color.white}"
     },
-    "name": "utrechtPageColor",
+    "name": "utrechtPageFooterColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "page",
+      "page-footer",
       "color"
     ]
   },
+  {
+    "value": "1184px",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "1184px"
+    },
+    "name": "utrechtPageFooterContentMaxInlineSize",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-footer",
+      "content",
+      "max-inline-size"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -22207,8 +23812,8 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "2em",
-    "filePath": "src/component/utrecht/page-content.tokens.json",
+    "value": "48px",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22222,13 +23827,14 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "2em"
+      "value": "{utrecht.space.block.3xl}"
     },
-    "name": "utrechtPageContentPaddingBlockEnd",
+    "name": "utrechtPageFooterContentPaddingBlockEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-content",
+      "page-footer",
+      "content",
       "padding-block-end"
     ]
   },
@@ -22244,8 +23850,8 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "2em",
-    "filePath": "src/component/utrecht/page-content.tokens.json",
+    "value": "48px",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22259,16 +23865,33 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "2em"
+      "value": "{utrecht.space.block.3xl}"
     },
-    "name": "utrechtPageContentPaddingBlockStart",
+    "name": "utrechtPageFooterContentPaddingBlockStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-content",
+      "page-footer",
+      "content",
       "padding-block-start"
     ]
   },
+  {
+    "value": "28px",
+    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.space.inline.2xl}"
+    },
+    "name": "utrechtPageFooterContentPaddingInline",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-footer",
+      "content",
+      "padding-inline"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -22278,8 +23901,8 @@ export default [
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "hsl(0 100% 40%)",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22290,76 +23913,63 @@ export default [
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.red.40}"
+      "value": "{utrecht.color.white}"
     },
-    "name": "utrechtPageFooterBackgroundColor",
+    "name": "utrechtPageHeaderContentBackgroundColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "background-color"
     ]
   },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<url> | *",
+        "syntax": "<color>",
         "inherits": true
       },
       "nl.nldesignsystem.figma.supports-token": false
     },
-    "type": "other",
-    "value": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "type": "color",
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<url> | *",
+          "syntax": "<color>",
           "inherits": true
         },
         "nl.nldesignsystem.figma.supports-token": false
       },
-      "type": "other",
-      "value": "linear-gradient(45deg, {utrecht.color.red.40}, {utrecht.color.red.40} 50%, #d63433 50%);"
+      "type": "color",
+      "value": "{utrecht.color.black}"
     },
-    "name": "utrechtPageFooterBackgroundImage",
+    "name": "utrechtPageHeaderContentColor",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
-      "background-image"
+      "page-header",
+      "content",
+      "color"
     ]
   },
   {
-    "$extensions": {
-      "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
-        "inherits": true
-      },
-      "nl.nldesignsystem.figma.supports-token": false
-    },
-    "type": "color",
-    "value": "hsl(0 0% 100%)",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "1184px",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
-          "inherits": true
-        },
-        "nl.nldesignsystem.figma.supports-token": false
-      },
-      "type": "color",
-      "value": "{utrecht.color.white}"
+      "value": "1184px"
     },
-    "name": "utrechtPageFooterColor",
+    "name": "utrechtPageHeaderContentMaxInlineSize",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
-      "color"
+      "page-header",
+      "content",
+      "max-inline-size"
     ]
   },
   {
@@ -22374,8 +23984,8 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "48px",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "1em",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22389,13 +23999,14 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.3xl}"
+      "value": "1em"
     },
-    "name": "utrechtPageFooterPaddingBlockEnd",
+    "name": "utrechtPageHeaderContentPaddingBlockEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "padding-block-end"
     ]
   },
@@ -22411,8 +24022,8 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "48px",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "1.8em",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22426,16 +24037,33 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.block.3xl}"
+      "value": "1.8em"
     },
-    "name": "utrechtPageFooterPaddingBlockStart",
+    "name": "utrechtPageHeaderContentPaddingBlockStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "padding-block-start"
     ]
   },
+  {
+    "value": "2em",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "2em"
+    },
+    "name": "utrechtPageHeaderContentPaddingInline",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "page-header",
+      "content",
+      "padding-inline"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -22448,8 +24076,9 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "28px",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "2.4em",
+    "$comment": "Legacy design token",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22463,13 +24092,15 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.inline.2xl}"
+      "value": "2.4em",
+      "$comment": "Legacy design token"
     },
-    "name": "utrechtPageFooterPaddingInlineEnd",
+    "name": "utrechtPageHeaderContentPaddingInlineEnd",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "padding-inline-end"
     ]
   },
@@ -22485,8 +24116,9 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "28px",
-    "filePath": "src/component/utrecht/page-footer.tokens.json",
+    "value": "2em",
+    "$comment": "Legacy design token",
+    "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
@@ -22500,13 +24132,15 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.space.inline.2xl}"
+      "value": "2em",
+      "$comment": "Legacy design token"
     },
-    "name": "utrechtPageFooterPaddingInlineStart",
+    "name": "utrechtPageHeaderContentPaddingInlineStart",
     "attributes": {},
     "path": [
       "utrecht",
-      "page-footer",
+      "page-header",
+      "content",
       "padding-inline-start"
     ]
   },
@@ -22522,7 +24156,7 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "1em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -22537,7 +24171,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "1em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingBlockEnd",
     "attributes": {},
@@ -22559,7 +24193,7 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "1.8em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -22574,7 +24208,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "1.8em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingBlockStart",
     "attributes": {},
@@ -22596,7 +24230,7 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "2.4em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -22611,7 +24245,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "2.4em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingInlineEnd",
     "attributes": {},
@@ -22633,7 +24267,7 @@ export default [
       }
     },
     "type": "dimension",
-    "value": "2em",
+    "value": "0",
     "filePath": "src/component/utrecht/page-header.tokens.json",
     "isSource": true,
     "original": {
@@ -22648,7 +24282,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "2em"
+      "value": "0"
     },
     "name": "utrechtPageHeaderPaddingInlineStart",
     "attributes": {},
@@ -22800,11 +24434,11 @@ export default [
     ]
   },
   {
-    "value": "2em",
+    "value": "0",
     "filePath": "src/component/utrecht/page.tokens.json",
     "isSource": true,
     "original": {
-      "value": "2em"
+      "value": "0"
     },
     "name": "utrechtPagePaddingInlineEnd",
     "attributes": {},
@@ -22815,11 +24449,11 @@ export default [
     ]
   },
   {
-    "value": "2em",
+    "value": "0",
     "filePath": "src/component/utrecht/page.tokens.json",
     "isSource": true,
     "original": {
-      "value": "2em"
+      "value": "0"
     },
     "name": "utrechtPagePaddingInlineStart",
     "attributes": {},
@@ -24177,7 +25811,7 @@ export default [
         }
       },
       "type": "fontFamily",
-      "value": "{utrecht.typography.sans-serif.font-family}"
+      "value": "{nl.paragraph.font-family}"
     },
     "name": "utrechtParagraphFontFamily",
     "attributes": {},
@@ -24220,7 +25854,7 @@ export default [
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.md.font-size}"
+      "value": "{nl.paragraph.font-size}"
     },
     "name": "utrechtParagraphFontSize",
     "attributes": {},
@@ -24257,7 +25891,7 @@ export default [
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.paragraph.font-weight}"
     },
     "name": "utrechtParagraphFontWeight",
     "attributes": {},
@@ -24267,46 +25901,6 @@ export default [
       "font-weight"
     ]
   },
-  {
-    "$extensions": {
-      "nl.nldesignsystem.css.property": {
-        "syntax": "<color>",
-        "inherits": true
-      },
-      "nl.nldesignsystem.fallback": [
-        "utrecht.paragraph.color",
-        "utrecht.document.color"
-      ],
-      "nl.nldesignsystem.figma.supports-token": true
-    },
-    "type": "color",
-    "value": "hsl(0 0% 0%)",
-    "filePath": "src/component/utrecht/paragraph.tokens.json",
-    "isSource": true,
-    "original": {
-      "$extensions": {
-        "nl.nldesignsystem.css.property": {
-          "syntax": "<color>",
-          "inherits": true
-        },
-        "nl.nldesignsystem.fallback": [
-          "utrecht.paragraph.color",
-          "utrecht.document.color"
-        ],
-        "nl.nldesignsystem.figma.supports-token": true
-      },
-      "type": "color",
-      "value": "{utrecht.document.color}"
-    },
-    "name": "utrechtParagraphLeadColor",
-    "attributes": {},
-    "path": [
-      "utrecht",
-      "paragraph",
-      "lead",
-      "color"
-    ]
-  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -24342,7 +25936,7 @@ export default [
         }
       },
       "type": "fontSize",
-      "value": "{utrecht.typography.scale.xl.font-size}"
+      "value": "{nl.paragraph.lead.font-size}"
     },
     "name": "utrechtParagraphLeadFontSize",
     "attributes": {},
@@ -24388,7 +25982,7 @@ export default [
         }
       },
       "type": "fontWeight",
-      "value": "{utrecht.typography.weight-scale.normal.font-weight}"
+      "value": "{nl.paragraph.lead.font-weight}"
     },
     "name": "utrechtParagraphLeadFontWeight",
     "attributes": {},
@@ -24440,7 +26034,7 @@ export default [
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.paragraph.lead.line-height}"
     },
     "name": "utrechtParagraphLeadLineHeight",
     "attributes": {},
@@ -24490,7 +26084,7 @@ export default [
         }
       },
       "type": "lineHeight",
-      "value": "{utrecht.typography.line-height.md}"
+      "value": "{nl.paragraph.line-height}"
     },
     "name": "utrechtParagraphLineHeight",
     "attributes": {},
@@ -25131,10 +26725,26 @@ export default [
     ]
   },
   {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": true
+    },
+    "type": "color",
     "value": "hsl(0 0% 100%)",
     "filePath": "src/component/utrecht/radio-button.tokens.json",
     "isSource": true,
     "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": true
+      },
+      "type": "color",
       "value": "{utrecht.color.white}"
     },
     "name": "utrechtRadioButtonColor",
@@ -25719,6 +27329,68 @@ export default [
       "margin-block-end"
     ]
   },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 95%)",
+    "filePath": "src/component/utrecht/root.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.95}"
+    },
+    "name": "utrechtRootBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "root",
+      "background-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<color>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "color",
+    "value": "hsl(0 0% 10%)",
+    "filePath": "src/component/utrecht/root.tokens.json",
+    "isSource": true,
+    "original": {
+      "$extensions": {
+        "nl.nldesignsystem.css.property": {
+          "syntax": "<color>",
+          "inherits": true
+        },
+        "nl.nldesignsystem.figma.supports-token": false
+      },
+      "type": "color",
+      "value": "{utrecht.color.grey.10}"
+    },
+    "name": "utrechtRootColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "root",
+      "color"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -27019,7 +28691,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.topnav.list.background-color}"
+      "value": "{nl.skip-link.background-color}"
     },
     "name": "utrechtSkipLinkBackgroundColor",
     "attributes": {},
@@ -27050,7 +28722,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "color",
-      "value": "{utrecht.topnav.link.color}"
+      "value": "{nl.skip-link.color}"
     },
     "name": "utrechtSkipLinkColor",
     "attributes": {},
@@ -27085,7 +28757,7 @@ export default [
         "nl.nldesignsystem.redirect": "utrecht.skip-link.focus-visible.background-color"
       },
       "type": "color",
-      "value": "{utrecht.topnav.link.focus.background-color}"
+      "value": "{nl.skip-link.focus-visible.background-color}"
     },
     "name": "utrechtSkipLinkFocusBackgroundColor",
     "attributes": {},
@@ -27121,7 +28793,7 @@ export default [
         "nl.nldesignsystem.redirect": "utrecht.skip-link.focus-visible.color"
       },
       "type": "color",
-      "value": "{utrecht.topnav.link.focus.color}"
+      "value": "{nl.skip-link.focus-visible.color}"
     },
     "name": "utrechtSkipLinkFocusColor",
     "attributes": {},
@@ -27161,7 +28833,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "textDecoration",
-      "value": "{utrecht.link.focus-visible.text-decoration}"
+      "value": "{nl.skip-link.focus-visible.text-decoration}"
     },
     "name": "utrechtSkipLinkFocusVisibleTextDecoration",
     "attributes": {},
@@ -27199,7 +28871,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-block-end}"
+      "value": "{nl.skip-link.padding-block}"
     },
     "name": "utrechtSkipLinkPaddingBlockEnd",
     "attributes": {},
@@ -27236,7 +28908,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-block-start}"
+      "value": "{nl.skip-link.padding-block}"
     },
     "name": "utrechtSkipLinkPaddingBlockStart",
     "attributes": {},
@@ -27273,7 +28945,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-inline-end}"
+      "value": "{nl.skip-link.padding-inline}"
     },
     "name": "utrechtSkipLinkPaddingInlineEnd",
     "attributes": {},
@@ -27310,7 +28982,7 @@ export default [
         }
       },
       "type": "dimension",
-      "value": "{utrecht.button.padding-inline-start}"
+      "value": "{nl.skip-link.padding-inline}"
     },
     "name": "utrechtSkipLinkPaddingInlineStart",
     "attributes": {},
@@ -27349,7 +29021,7 @@ export default [
         "nl.nldesignsystem.figma.supports-token": true
       },
       "type": "textDecoration",
-      "value": "{utrecht.link.text-decoration}"
+      "value": "{nl.skip-link.text-decoration}"
     },
     "name": "utrechtSkipLinkTextDecoration",
     "attributes": {},