Building a Scalable Design System with Design Tokens at Solera
At Solera, we recognized the importance of maintaining a consistent and scalable design system across our various products. Although we had a strong design foundation, minor discrepancies between design specifications and developed screens started to emerge. To address this and further enhance the robustness of our design system, I led the initiative to develop a comprehensive set of Design Tokens and Variables, focusing on colors, spacing, and border-radius, ensuring uniformity and scalability across platforms.
Role
Product Designer, Design systems
Timeline
Nov 2023 - Mar 2024
Status
Currently storybook works are undergoing
Problem Statement
Before introducing Design Tokens and Variables, our design system at Solera faced challenges in maintaining consistency between design files and the final developed screens. These inconsistencies, though small, had a significant impact on the overall user experience and operational efficiency. The primary objective was to bridge the gap between design and development, ensuring that every component and style was implemented with precision and consistency, especially in areas like color schemes, spacing, and border-radius.
Research and Approach
To build a solid foundation, I conducted extensive research into how leading companies structure and implement their design systems. Here’s how the insights from Google’s Material Design, Atlassian’s Design System, and IBM’s Carbon Design System influenced our approach:
Material Design by Google:
Color Hierarchy and Flexibility: Material Design provides a robust color system where primary, secondary, and background colors are defined with a clear hierarchy. Google’s approach to color tokens—such as
colorPrimary,colorPrimaryDark, andcolorAccent—ensures consistency while allowing flexibility across different contexts and themes.Inspiration for Solera: I adopted a similar hierarchical approach to color tokens at Solera, ensuring our color system was scalable and adaptable across multiple platforms.
Atlassian’s Design System:
Spacing and Consistency: Atlassian’s design system emphasizes consistent spacing throughout its components. Tokens like
spacingSmall,spacingMedium, andspacingLargeprovide clear guidelines, ensuring that all components have uniform padding and margins.Inspiration for Solera: At Solera, I implemented a similar spacing system, using tokens that clearly defined spacing values, which could be easily adapted across different components and platforms.
IBM’s Carbon Design System:
Border-Radius Modularity: IBM’s Carbon Design System uses a modular approach to border-radius, allowing for variations while maintaining consistency. Tokens like
borderRadiusSmall,borderRadiusMedium, andborderRadiusLargeprovide a structured approach to handling rounded corners.Inspiration for Solera: I incorporated this modular approach to border-radius in Solera’s design system, creating tokens that allowed for customizable rounded corners while maintaining a consistent look and feel.
Classification Naming Structure
To maintain consistency and clarity across the design system, we implemented a structured naming convention for our tokens and components. The naming structure followed this format:
category - type - property - sub property - state
Category
This is the top-level classification of the tokens and components.
Examples: Color, Spacing, Border, Button, Input.
Type
Some properties like color and spacing have more impact on the context of a component than properties like cornerRadius. Thus, a second level of categorization, type, is required to map their use cases better.
Examples:
For color: background, text, button.
For spacing: margin, padding.
For borders: radius, thickness.
Property
This level of classification provides more context for the use of the token or component.
Example:
For the color
backgroundtype, properties includeprimary,secondary.
Sub Property
This part of the name deals with variations or specific aspects, such as size in the case of spacing tokens.
Example:
Sizes:
small,medium,large.
State
A component on the UI may have different states. The state classification helps identify the interaction stage of a component.
Example:
States:
default,hover,active,disabled.
Implementation
Armed with these insights, the implementation phase focused on defining core Design Tokens for colors, spacing, and border-radius. These tokens were designed to be flexible and scalable, ensuring consistency across both desktop and mobile platforms.
Combining Global, Alias, and Mapped Tokens:
At Solera, we integrated Global Tokens with Alias Tokens and Mapped Tokens to create a unified and adaptable design system.
Global Tokens: Defined the primary elements, such as
colorPrimaryfor the main brand color, andspacingMediumfor standard padding/margin. These tokens provided a base that could be adapted through aliases.Alias Tokens: Alias Tokens allowed for specific adaptations, such as defining
colorButtonPrimaryas an alias to the globalcolorPrimary, ensuring consistency across all button components while allowing for context-specific variations.Mapped Tokens: Mapped Tokens were particularly useful for adapting designs across different platforms. For example, the
borderRadiusSmalltoken was mapped to slightly different values on mobile versus desktop to accommodate different design aesthetics and usability needs.
Examples of Token Integration:
Here’s a table showcasing some of the token names and their properties
Token Name
color-brand-overlay
color-background-primary
CornerRadius-default-bottomLeft
color-button-primary-background-active
spacing-large
Category
color
color
cornerRadius
color
spacing
Type
brand
background
default
button
layout
Property
overlay
primary
bottomLeft
primary
large
Sub Property
background
State
active
Property
This level of classification provides more context for the use of the token or component.
Example:
For the color
backgroundtype, properties includeprimary,secondary.
Sub Property
This part of the name deals with variations or specific aspects, such as size in the case of spacing tokens.
Example:
Sizes:
small,medium,large.
State
A component on the UI may have different states. The state classification helps identify the interaction stage of a component.
Example:
States:
default,hover,active,disabled.
{
"font": {
"desktop": {
"display xl": {
"type": "custom-fontStyle",
"value": {
"fontSize": 54,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 700,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 64,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:b718924278d285be15971ff81fb701b76f8be362,",
"exportKey": "font"
}
}
},
"display l": {
"type": "custom-fontStyle",
"value": {
"fontSize": 42,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 48,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:29409ba2c2515115a920d81e799ddf8fc0688e9d,",
"exportKey": "font"
}
}
},
"display m": {
"type": "custom-fontStyle",
"value": {
"fontSize": 32,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 40,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:abc0cac2b100c9729e1abd24975a9a366570e5be,",
"exportKey": "font"
}
}
},
"display s": {
"type": "custom-fontStyle",
"value": {
"fontSize": 26,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 32,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:d821a51e308dda6b57db4c16d9caaa7eaeb00db5,",
"exportKey": "font"
}
}
},
"headline": {
"type": "custom-fontStyle",
"value": {
"fontSize": 20,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:8ba51cb9051215e20f09eab508051ea8b424b3a0,",
"exportKey": "font"
}
}
},
"subhead-md": {
"type": "custom-fontStyle",
"value": {
"fontSize": 17,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:19787d99f6a2f028ae5c29f1629f6492753c356a,",
"exportKey": "font"
}
}
},
"subhead": {
"type": "custom-fontStyle",
"value": {
"fontSize": 17,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:2da116ab00ddc8aa3106742ce43710cc7cdab4b1,",
"exportKey": "font"
}
}
},
"body-md": {
"type": "custom-fontStyle",
"value": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 20,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:8fdc913605b45a9c8ce53415863a42858c932988,",
"exportKey": "font"
}
}
},
"body": {
"type": "custom-fontStyle",
"value": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 20,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:ed6b3f30e87740545faa6efe7c9c595b7b669661,",
"exportKey": "font"
}
}
},
"button": {
"type": "custom-fontStyle",
"value": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 700,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 1.6,
"lineHeight": 16,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "uppercase"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:cce096ca216ca204a0ffe7ef8ae8bb3fba5f4c13,",
"exportKey": "font"
}
}
},
"caption 1": {
"type": "custom-fontStyle",
"value": {
"fontSize": 13,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 20,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:f8e9a74f2b2edf747b0f83298b5bf2cb1e7f5f8a,",
"exportKey": "font"
}
}
},
"caption 2": {
"type": "custom-fontStyle",
"value": {
"fontSize": 12,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 16,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:a9ea7f9ee47d58b04a6e3bf0dd2eb0212f9beb32,",
"exportKey": "font"
}
}
},
"link-inline": {
"type": "custom-fontStyle",
"value": {
"fontSize": 14,
"textDecoration": "underline",
"fontFamily": "Roboto",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:4d4436a44096ecf683ccefe0dc6705ddabb1c0a5,",
"exportKey": "font"
}
}
},
"standalone": {
"type": "custom-fontStyle",
"value": {
"fontSize": 12,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 700,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 1.6,
"lineHeight": 16,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "uppercase"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:32e886871211e8fb37545b289d5eb72e6eaca061,",
"exportKey": "font"
}
}
}
},
"native": {
"display xl": {
"type": "custom-fontStyle",
"value": {
"fontSize": 32,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 40,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:26f7b6cbe267647eae38eacc3349cc6ae4c3f700,",
"exportKey": "font"
}
}
},
"display l": {
"type": "custom-fontStyle",
"value": {
"fontSize": 28,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.06,
"lineHeight": 36,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:578fc60efaa06ff15a4e35b08186733967731ae9,",
"exportKey": "font"
}
}
},
"display m": {
"type": "custom-fontStyle",
"value": {
"fontSize": 24,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 32,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:6a5252fc67061081fd9bf9120eb0315202cadc83,",
"exportKey": "font"
}
}
},
"display s": {
"type": "custom-fontStyle",
"value": {
"fontSize": 22,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 28,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:82720e8cbac8ad5154f7881232b45168e6d6a988,",
"exportKey": "font"
}
}
},
"headline": {
"type": "custom-fontStyle",
"value": {
"fontSize": 17,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.5,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:fef492fe2b252a3cdbf3b4015f390757b8bd3ee1,",
"exportKey": "font"
}
}
},
"body": {
"type": "custom-fontStyle",
"value": {
"fontSize": 17,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.25,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:756d2dd6840a60573b3b649e52a9f8bb018a6e6a,",
"exportKey": "font"
}
}
},
"button": {
"type": "custom-fontStyle",
"value": {
"fontSize": 17,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.5,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:31f157d96fb8815322de5d3a64071214ac42ca14,",
"exportKey": "font"
}
}
},
"subhead-md": {
"type": "custom-fontStyle",
"value": {
"fontSize": 15,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.1,
"lineHeight": 20,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:c4014a618dcec4ed01050882485fbe2af1c9b242,",
"exportKey": "font"
}
}
},
"subhead": {
"type": "custom-fontStyle",
"value": {
"fontSize": 15,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.1,
"lineHeight": 20,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:45e0c167bf53ebf507289c963f0ead5ffc7c1c64,",
"exportKey": "font"
}
}
},
"caption 1 - md": {
"type": "custom-fontStyle",
"value": {
"fontSize": 12,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.4,
"lineHeight": 16,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:897739725ad5aff8913359b2139d5c5c75e87646,",
"exportKey": "font"
}
}
},
"caption 1": {
"type": "custom-fontStyle",
"value": {
"fontSize": 12,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.4,
"lineHeight": 16,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:2b747df6398f6c6f637a4f0bf796d5586d44b624,",
"exportKey": "font"
}
}
},
"caption 2": {
"type": "custom-fontStyle",
"value": {
"fontSize": 11,
"textDecoration": "none",
"fontFamily": "Roboto",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.5,
"lineHeight": 16,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:3517bc4fcd232695ca7a418fff3d2058e3cf1ea4,",
"exportKey": "font"
}
}
}
}
},
"effect": {
"elevation-1": {
"description": null,
"type": "custom-shadow",
"value": {
"shadowType": "dropShadow",
"radius": 10,
"color": "#6d788140",
"offsetX": 0,
"offsetY": 0,
"spread": 0
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:23dbcf1e2b411920a13a3dc6b2b34a99a00043cb,",
"exportKey": "effect"
}
}
},
"elevation-2": {
"description": null,
"type": "custom-shadow",
"value": {
"shadowType": "dropShadow",
"radius": 16,
"color": "#6d788129",
"offsetX": 0,
"offsetY": 0,
"spread": 0
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:3d5bc664b31d371685a8d28287d491ac29c57761,",
"exportKey": "effect"
}
}
},
"elevation-3": {
"description": null,
"type": "custom-shadow",
"value": {
"shadowType": "dropShadow",
"radius": 24,
"color": "#6d78811f",
"offsetX": 0,
"offsetY": 0,
"spread": 0
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:2ea30c60f7802c0ab5cf47b782481f43df21e52d,",
"exportKey": "effect"
}
}
},
"elevation-4": {
"description": null,
"type": "custom-shadow",
"value": {
"shadowType": "dropShadow",
"radius": 24,
"color": "#6d788129",
"offsetX": 0,
"offsetY": 0,
"spread": 0
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:c659aa018927a51d1716259ddf2611c7d5a7357b,",
"exportKey": "effect"
}
}
},
"elevation-5": {
"description": null,
"type": "custom-shadow",
"value": {
"shadowType": "dropShadow",
"radius": 30,
"color": "#6d78810f",
"offsetX": 0,
"offsetY": 0,
"spread": 0
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:f08954be6f937e743175f466db54acb416a58622,",
"exportKey": "effect"
}
}
},
"elevation-6": {
"description": null,
"type": "custom-shadow",
"value": {
"shadowType": "dropShadow",
"radius": 48,
"color": "#6d788129",
"offsetX": 0,
"offsetY": 0,
"spread": 0
},
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"styleId": "S:355da130aec892f1ae67cf2829457a6f02ce58de,",
"exportKey": "effect"
}
}
}
},
"global": {
"border": {
"border-1": {
"type": "dimension",
"value": 1,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"STROKE_FLOAT"
],
"variableId": "VariableID:1:12",
"exportKey": "variables"
}
}
},
"border-4": {
"type": "dimension",
"value": 4,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"STROKE_FLOAT"
],
"variableId": "VariableID:1:14",
"exportKey": "variables"
}
}
}
},
"radius": {
"radius-2": {
"type": "dimension",
"value": 2,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"CORNER_RADIUS"
],
"variableId": "VariableID:1:16",
"exportKey": "variables"
}
}
},
"radius-4": {
"type": "dimension",
"value": 4,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"CORNER_RADIUS"
],
"variableId": "VariableID:1:17",
"exportKey": "variables"
}
}
},
"radius-8": {
"type": "dimension",
"value": 8,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"CORNER_RADIUS"
],
"variableId": "VariableID:1:18",
"exportKey": "variables"
}
}
},
"round": {
"type": "dimension",
"value": 500,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"CORNER_RADIUS"
],
"variableId": "VariableID:1:19",
"exportKey": "variables"
}
}
}
},
"spacing": {
"space-4": {
"type": "dimension",
"value": 4,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:20",
"exportKey": "variables"
}
}
},
"space-8": {
"type": "dimension",
"value": 8,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:21",
"exportKey": "variables"
}
}
},
"space-16": {
"type": "dimension",
"value": 16,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:22",
"exportKey": "variables"
}
}
},
"space-24": {
"type": "dimension",
"value": 24,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:23",
"exportKey": "variables"
}
}
},
"space-32": {
"type": "dimension",
"value": 32,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:24",
"exportKey": "variables"
}
}
},
"space-40": {
"type": "dimension",
"value": 40,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:25",
"exportKey": "variables"
}
}
},
"space-48": {
"type": "dimension",
"value": 48,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:26",
"exportKey": "variables"
}
}
},
"space-56": {
"type": "dimension",
"value": 56,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:27",
"exportKey": "variables"
}
}
},
"space-64": {
"type": "dimension",
"value": 64,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:28",
"exportKey": "variables"
}
}
},
"space-80": {
"type": "dimension",
"value": 80,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:29",
"exportKey": "variables"
}
}
},
"space-12": {
"type": "dimension",
"value": 12,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:1:144",
"exportKey": "variables"
}
}
},
"space-10": {
"type": "dimension",
"value": 10,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:166:24891",
"exportKey": "variables"
}
}
},
"space-2": {
"type": "dimension",
"value": 2,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:331:51631",
"exportKey": "variables"
}
}
},
"space-20": {
"type": "dimension",
"value": 20,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"GAP"
],
"variableId": "VariableID:331:51632",
"exportKey": "variables"
}
}
}
},
"colours": {
"cobalt900": {
"type": "color",
"value": "#0d2852ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:30",
"exportKey": "variables"
}
}
},
"cobalt800": {
"type": "color",
"value": "#103468ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:31",
"exportKey": "variables"
}
}
},
"cobalt700": {
"type": "color",
"value": "#154285ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:32",
"exportKey": "variables"
}
}
},
"cobalt600": {
"type": "color",
"value": "#194fa1ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:33",
"exportKey": "variables"
}
}
},
"cobalt500": {
"type": "color",
"value": "#2169d9ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:34",
"exportKey": "variables"
}
}
},
"cobalt400": {
"type": "color",
"value": "#6096e8ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:35",
"exportKey": "variables"
}
}
},
"cobalt300": {
"type": "color",
"value": "#94baf5ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:36",
"exportKey": "variables"
}
}
},
"cobalt200": {
"type": "color",
"value": "#c0d7f9ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:37",
"exportKey": "variables"
}
}
},
"cobalt100": {
"type": "color",
"value": "#dde9fcff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:38",
"exportKey": "variables"
}
}
},
"cobalt50": {
"type": "color",
"value": "#ebf3fdff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:39",
"exportKey": "variables"
}
}
},
"shark800": {
"type": "color",
"value": "#1b1e24ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:40",
"exportKey": "variables"
}
}
},
"shark400": {
"type": "color",
"value": "#434851ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:41",
"exportKey": "variables"
}
}
},
"shark300": {
"type": "color",
"value": "#8d9198ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:42",
"exportKey": "variables"
}
}
},
"shark100": {
"type": "color",
"value": "#b6b9beff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:43",
"exportKey": "variables"
}
}
},
"shark50": {
"type": "color",
"value": "#dbdcdfff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:44",
"exportKey": "variables"
}
}
},
"mako500": {
"type": "color",
"value": "#444854ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:45",
"exportKey": "variables"
}
}
},
"mako400": {
"type": "color",
"value": "#6b6f7aff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:46",
"exportKey": "variables"
}
}
},
"mako300": {
"type": "color",
"value": "#98999dff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:47",
"exportKey": "variables"
}
}
},
"mako100": {
"type": "color",
"value": "#d1d1d1ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:48",
"exportKey": "variables"
}
}
},
"mako50": {
"type": "color",
"value": "#e8e8e8ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:49",
"exportKey": "variables"
}
}
},
"palesky500": {
"type": "color",
"value": "#6d7881ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:50",
"exportKey": "variables"
}
}
},
"palesky400": {
"type": "color",
"value": "#91989fff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:51",
"exportKey": "variables"
}
}
},
"palesky300": {
"type": "color",
"value": "#c6c8caff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:52",
"exportKey": "variables"
}
}
},
"palesky100": {
"type": "color",
"value": "#e3e3e3ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:53",
"exportKey": "variables"
}
}
},
"palesky50": {
"type": "color",
"value": "#f1f1f1ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:54",
"exportKey": "variables"
}
}
},
"jacarta800": {
"type": "color",
"value": "#191230ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:55",
"exportKey": "variables"
}
}
},
"jacarta700": {
"type": "color",
"value": "#261c47ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:56",
"exportKey": "variables"
}
}
},
"jacarta600": {
"type": "color",
"value": "#32255eff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:57",
"exportKey": "variables"
}
}
},
"jacarta400": {
"type": "color",
"value": "#9482ceff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:58",
"exportKey": "variables"
}
}
},
"jacarta100": {
"type": "color",
"value": "#d8d2edff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:59",
"exportKey": "variables"
}
}
},
"jacarta50": {
"type": "color",
"value": "#ebe9f6ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:60",
"exportKey": "variables"
}
}
},
"eminence800": {
"type": "color",
"value": "#341b46ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:61",
"exportKey": "variables"
}
}
},
"eminence700": {
"type": "color",
"value": "#4e2968ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:62",
"exportKey": "variables"
}
}
},
"eminence600": {
"type": "color",
"value": "#68368bff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:63",
"exportKey": "variables"
}
}
},
"eminence400": {
"type": "color",
"value": "#b489d1ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:64",
"exportKey": "variables"
}
}
},
"eminence100": {
"type": "color",
"value": "#e6d9f0ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:65",
"exportKey": "variables"
}
}
},
"eminence50": {
"type": "color",
"value": "#f3ecf7ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:66",
"exportKey": "variables"
}
}
},
"pelorous800": {
"type": "color",
"value": "#01404eff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:67",
"exportKey": "variables"
}
}
},
"pelorous700": {
"type": "color",
"value": "#026075ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:68",
"exportKey": "variables"
}
}
},
"pelorous600": {
"type": "color",
"value": "#03819cff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:69",
"exportKey": "variables"
}
}
},
"pelorous400": {
"type": "color",
"value": "#9bebfdff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:70",
"exportKey": "variables"
}
}
},
"pelorous100": {
"type": "color",
"value": "#cdf5feff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:71",
"exportKey": "variables"
}
}
},
"pelorous50": {
"type": "color",
"value": "#e6faffff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:72",
"exportKey": "variables"
}
}
},
"viridian800": {
"type": "color",
"value": "#1e4838ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:73",
"exportKey": "variables"
}
}
},
"viridian700": {
"type": "color",
"value": "#28614aff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:74",
"exportKey": "variables"
}
}
},
"viridian600": {
"type": "color",
"value": "#358163ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:75",
"exportKey": "variables"
}
}
},
"viridian400": {
"type": "color",
"value": "#92d3b9ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:76",
"exportKey": "variables"
}
}
},
"viridian100": {
"type": "color",
"value": "#dbf0e8ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:77",
"exportKey": "variables"
}
}
},
"viridian50": {
"type": "color",
"value": "#edf8f3ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:78",
"exportKey": "variables"
}
}
},
"grassland700": {
"type": "color",
"value": "#168e40ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:79",
"exportKey": "variables"
}
}
},
"grassland600": {
"type": "color",
"value": "#1dbd55ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:80",
"exportKey": "variables"
}
}
},
"grassland400": {
"type": "color",
"value": "#bbe5b3ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:81",
"exportKey": "variables"
}
}
},
"grassland800": {
"type": "color",
"value": "#0f5f2bff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:82",
"exportKey": "variables"
}
}
},
"grassland100": {
"type": "color",
"value": "#e4f5e1ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:83",
"exportKey": "variables"
}
}
},
"grassland50": {
"type": "color",
"value": "#f2faf0ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:84",
"exportKey": "variables"
}
}
},
"chelsea800": {
"type": "color",
"value": "#555b30ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:85",
"exportKey": "variables"
}
}
},
"chelsea700": {
"type": "color",
"value": "#7c8646ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:86",
"exportKey": "variables"
}
}
},
"chelsea600": {
"type": "color",
"value": "#a4af66ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:87",
"exportKey": "variables"
}
}
},
"chelsea400": {
"type": "color",
"value": "#cbd1a8ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:88",
"exportKey": "variables"
}
}
},
"chelsea100": {
"type": "color",
"value": "#ebeddeff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:89",
"exportKey": "variables"
}
}
},
"chelsea50": {
"type": "color",
"value": "#f5f6efff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:90",
"exportKey": "variables"
}
}
},
"sun800": {
"type": "color",
"value": "#995e00ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:91",
"exportKey": "variables"
}
}
},
"sun700": {
"type": "color",
"value": "#e58e00ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:92",
"exportKey": "variables"
}
}
},
"sun600": {
"type": "color",
"value": "#ffb132ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:93",
"exportKey": "variables"
}
}
},
"sun400": {
"type": "color",
"value": "#ffd899ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:94",
"exportKey": "variables"
}
}
},
"sun100": {
"type": "color",
"value": "#fff2ddff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:95",
"exportKey": "variables"
}
}
},
"sun50": {
"type": "color",
"value": "#fff9eeff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:96",
"exportKey": "variables"
}
}
},
"monza800": {
"type": "color",
"value": "#65010dff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:97",
"exportKey": "variables"
}
}
},
"monza700": {
"type": "color",
"value": "#970214ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:98",
"exportKey": "variables"
}
}
},
"monza600": {
"type": "color",
"value": "#d0021bff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:99",
"exportKey": "variables"
}
}
},
"monza400": {
"type": "color",
"value": "#feaeb8ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:100",
"exportKey": "variables"
}
}
},
"monza100": {
"type": "color",
"value": "#ffe1e4ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:101",
"exportKey": "variables"
}
}
},
"monza50": {
"type": "color",
"value": "#fff0f2ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:102",
"exportKey": "variables"
}
}
},
"rose800": {
"type": "color",
"value": "#3d0327ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:103",
"exportKey": "variables"
}
}
},
"rose700": {
"type": "color",
"value": "#61053eff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:104",
"exportKey": "variables"
}
}
},
"rose600": {
"type": "color",
"value": "#7a064eff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:105",
"exportKey": "variables"
}
}
},
"rose400": {
"type": "color",
"value": "#fcb5e1ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:106",
"exportKey": "variables"
}
}
},
"rose100": {
"type": "color",
"value": "#fee7f5ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:107",
"exportKey": "variables"
}
}
},
"rose50": {
"type": "color",
"value": "#fff3faff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:108",
"exportKey": "variables"
}
}
},
"iron": {
"type": "color",
"value": "#ccceceff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:109",
"exportKey": "variables"
}
}
},
"silver": {
"type": "color",
"value": "#edededff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:110",
"exportKey": "variables"
}
}
},
"smoke": {
"type": "color",
"value": "#f9f9f9ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:111",
"exportKey": "variables"
}
}
},
"white": {
"type": "color",
"value": "#ffffffff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:112",
"exportKey": "variables"
}
}
},
"tango900": {
"type": "color",
"value": "#be6217ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:113",
"exportKey": "variables"
}
}
},
"tango700": {
"type": "color",
"value": "#e1731aff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:114",
"exportKey": "variables"
}
}
},
"tango600": {
"type": "color",
"value": "#f27e20ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:115",
"exportKey": "variables"
}
}
},
"tango300": {
"type": "color",
"value": "#faa970ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:116",
"exportKey": "variables"
}
}
},
"tango50": {
"type": "color",
"value": "#f9e4d5ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:117",
"exportKey": "variables"
}
}
},
"saffron800": {
"type": "color",
"value": "#a16e05ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:118",
"exportKey": "variables"
}
}
},
"saffron700": {
"type": "color",
"value": "#c79315ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:119",
"exportKey": "variables"
}
}
},
"saffron600": {
"type": "color",
"value": "#f7b617ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:120",
"exportKey": "variables"
}
}
},
"saffron100": {
"type": "color",
"value": "#ffdd8aff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:121",
"exportKey": "variables"
}
}
},
"saffron50": {
"type": "color",
"value": "#f9eed4ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:122",
"exportKey": "variables"
}
}
},
"bluesky800": {
"type": "color",
"value": "#06197fff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:123",
"exportKey": "variables"
}
}
},
"bluesky700": {
"type": "color",
"value": "#0925baff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:124",
"exportKey": "variables"
}
}
},
"bluesky600": {
"type": "color",
"value": "#0d31f5ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:125",
"exportKey": "variables"
}
}
},
"bluesky100": {
"type": "color",
"value": "#b6c1fcff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:126",
"exportKey": "variables"
}
}
},
"bluesky50": {
"type": "color",
"value": "#e1e5fdff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:127",
"exportKey": "variables"
}
}
},
"indigo800": {
"type": "color",
"value": "#292c45ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:128",
"exportKey": "variables"
}
}
},
"indigo700": {
"type": "color",
"value": "#2c3463ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:129",
"exportKey": "variables"
}
}
},
"indigo600": {
"type": "color",
"value": "#2b387fff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:130",
"exportKey": "variables"
}
}
},
"indigo100": {
"type": "color",
"value": "#9ba2caff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:131",
"exportKey": "variables"
}
}
},
"indigo50": {
"type": "color",
"value": "#e5e7f1ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:132",
"exportKey": "variables"
}
}
},
"purplerain800": {
"type": "color",
"value": "#361533ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:133",
"exportKey": "variables"
}
}
},
"purplerain700": {
"type": "color",
"value": "#5c1a54ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:134",
"exportKey": "variables"
}
}
},
"purplerain600": {
"type": "color",
"value": "#992a8cff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:135",
"exportKey": "variables"
}
}
},
"purplerain100": {
"type": "color",
"value": "#d0b1ccff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:136",
"exportKey": "variables"
}
}
},
"purplerain50": {
"type": "color",
"value": "#f2e8f1ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:137",
"exportKey": "variables"
}
}
},
"keppel800": {
"type": "color",
"value": "#1f5c5aff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:138",
"exportKey": "variables"
}
}
},
"keppel700": {
"type": "color",
"value": "#388683ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:139",
"exportKey": "variables"
}
}
},
"keppel600": {
"type": "color",
"value": "#36aba6ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:140",
"exportKey": "variables"
}
}
},
"keppel100": {
"type": "color",
"value": "#a4cfcdff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:141",
"exportKey": "variables"
}
}
},
"keppel50": {
"type": "color",
"value": "#dfecebff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:142",
"exportKey": "variables"
}
}
},
"tango800": {
"type": "color",
"value": "#cd6a19ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:145",
"exportKey": "variables"
}
}
},
"tango500": {
"type": "color",
"value": "#f38d39ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:146",
"exportKey": "variables"
}
}
},
"tango400": {
"type": "color",
"value": "#f59b52ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:147",
"exportKey": "variables"
}
}
},
"tango200": {
"type": "color",
"value": "#fbbe93ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:148",
"exportKey": "variables"
}
}
},
"tango100": {
"type": "color",
"value": "#fcd3b5ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:149",
"exportKey": "variables"
}
}
}
},
"font": {
"family": {
"roboto": {
"type": "string",
"value": "Roboto",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:151",
"exportKey": "variables"
}
}
},
"sf pro": {
"type": "string",
"value": "SF Pro",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:7:982",
"exportKey": "variables"
}
}
}
},
"font weight": {
"regular": {
"type": "string",
"value": "Regular",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:152",
"exportKey": "variables"
}
}
},
"medium": {
"type": "string",
"value": "Medium",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:153",
"exportKey": "variables"
}
}
},
"bold": {
"type": "string",
"value": "Bold",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:154",
"exportKey": "variables"
}
}
},
"semibold": {
"type": "string",
"value": "Semibold",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:297",
"exportKey": "variables"
}
}
}
},
"size": {
"font size": {
"fs-54": {
"type": "dimension",
"value": 54,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:157",
"exportKey": "variables"
}
}
},
"fs-42": {
"type": "dimension",
"value": 42,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:158",
"exportKey": "variables"
}
}
},
"fs-40": {
"type": "dimension",
"value": 40,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:159",
"exportKey": "variables"
}
}
},
"fs-36": {
"type": "dimension",
"value": 36,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:160",
"exportKey": "variables"
}
}
},
"fs-32": {
"type": "dimension",
"value": 32,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:161",
"exportKey": "variables"
}
}
},
"fs-26": {
"type": "dimension",
"value": 26,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:162",
"exportKey": "variables"
}
}
},
"fs-20": {
"type": "dimension",
"value": 20,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:163",
"exportKey": "variables"
}
}
},
"fs-17": {
"type": "dimension",
"value": 17,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:164",
"exportKey": "variables"
}
}
},
"fs-15": {
"type": "dimension",
"value": 15,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:165",
"exportKey": "variables"
}
}
},
"fs-14": {
"type": "dimension",
"value": 14,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:166",
"exportKey": "variables"
}
}
},
"fs-13": {
"type": "dimension",
"value": 13,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:167",
"exportKey": "variables"
}
}
},
"fs-12": {
"type": "dimension",
"value": 12,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:168",
"exportKey": "variables"
}
}
},
"fs-34": {
"type": "dimension",
"value": 34,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:301",
"exportKey": "variables"
}
}
},
"fs-28": {
"type": "dimension",
"value": 28,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:302",
"exportKey": "variables"
}
}
},
"fs-24": {
"type": "dimension",
"value": 24,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:303",
"exportKey": "variables"
}
}
},
"fs-22": {
"type": "dimension",
"value": 22,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:304",
"exportKey": "variables"
}
}
},
"fs-11": {
"type": "dimension",
"value": 11,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:305",
"exportKey": "variables"
}
}
}
},
"line height": {
"lh-64": {
"type": "dimension",
"value": 64,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:169",
"exportKey": "variables"
}
}
},
"lh-48": {
"type": "dimension",
"value": 48,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:170",
"exportKey": "variables"
}
}
},
"lh-40": {
"type": "dimension",
"value": 40,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:171",
"exportKey": "variables"
}
}
},
"lh-32": {
"type": "dimension",
"value": 32,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:172",
"exportKey": "variables"
}
}
},
"lh-24": {
"type": "dimension",
"value": 24,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:173",
"exportKey": "variables"
}
}
},
"lh-20": {
"type": "dimension",
"value": 20,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:174",
"exportKey": "variables"
}
}
},
"lh-16": {
"type": "dimension",
"value": 16,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:175",
"exportKey": "variables"
}
}
},
"lh-41": {
"type": "dimension",
"value": 41,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:307",
"exportKey": "variables"
}
}
},
"lh-36": {
"type": "dimension",
"value": 36,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:308",
"exportKey": "variables"
}
}
},
"lh-34": {
"type": "dimension",
"value": 34,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:309",
"exportKey": "variables"
}
}
},
"lh-28": {
"type": "dimension",
"value": 28,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:310",
"exportKey": "variables"
}
}
},
"lh-25": {
"type": "dimension",
"value": 25,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:311",
"exportKey": "variables"
}
}
},
"lh-22": {
"type": "dimension",
"value": 22,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:312",
"exportKey": "variables"
}
}
},
"lh-13": {
"type": "dimension",
"value": 13,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:313",
"exportKey": "variables"
}
}
}
},
"letter spacing": {
"ls-160": {
"type": "dimension",
"value": 1.6,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:1:176",
"exportKey": "variables"
}
}
},
"ls-50": {
"type": "dimension",
"value": 0.5,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:315",
"exportKey": "variables"
}
}
},
"ls-40": {
"type": "dimension",
"value": 0.4,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:316",
"exportKey": "variables"
}
}
},
"ls-38": {
"type": "dimension",
"value": 0.38,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:317",
"exportKey": "variables"
}
}
},
"ls-25": {
"type": "dimension",
"value": 0.25,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:318",
"exportKey": "variables"
}
}
},
"ls-10": {
"type": "dimension",
"value": 0.1,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:319",
"exportKey": "variables"
}
}
},
"ls-06": {
"type": "dimension",
"value": 0.06,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:320",
"exportKey": "variables"
}
}
},
"ls-0": {
"type": "dimension",
"value": 0,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:321",
"exportKey": "variables"
}
}
},
"ls-023": {
"type": "dimension",
"value": -0.23,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:322",
"exportKey": "variables"
}
}
},
"ls-026": {
"type": "dimension",
"value": -0.26,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:323",
"exportKey": "variables"
}
}
},
"ls-043": {
"type": "dimension",
"value": -0.43,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:324",
"exportKey": "variables"
}
}
},
"ls-045": {
"type": "dimension",
"value": -0.45,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:534:325",
"exportKey": "variables"
}
}
}
}
}
},
"dark colours": {
"void": {
"type": "color",
"value": "#141414ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:160:1039",
"exportKey": "variables"
}
}
},
"pitch": {
"type": "color",
"value": "#1f1f1fff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:160:1040",
"exportKey": "variables"
}
}
},
"obsidian": {
"type": "color",
"value": "#292929ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:160:1041",
"exportKey": "variables"
}
}
},
"onyx": {
"type": "color",
"value": "#3d3d3dff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:160:1042",
"exportKey": "variables"
}
}
},
"ebony": {
"type": "color",
"value": "#666666ff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:160:1043",
"exportKey": "variables"
}
}
},
"coal": {
"type": "color",
"value": "#adadadff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:160:1044",
"exportKey": "variables"
}
}
},
"dust": {
"type": "color",
"value": "#ebebebff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:160:1045",
"exportKey": "variables"
}
}
},
"white": {
"type": "color",
"value": "#ffffffff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:160:1046",
"exportKey": "variables"
}
}
},
"cobalt": {
"type": "color",
"value": "#4d91ffff",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [],
"variableId": "VariableID:160:1047",
"exportKey": "variables"
}
}
}
},
"shadow": {
"blur10": {
"type": "dimension",
"value": 10,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"EFFECT_FLOAT"
],
"variableId": "VariableID:357:9093",
"exportKey": "variables"
}
}
},
"blur16": {
"type": "dimension",
"value": 16,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"EFFECT_FLOAT"
],
"variableId": "VariableID:357:9094",
"exportKey": "variables"
}
}
},
"blur24": {
"type": "dimension",
"value": 24,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"EFFECT_FLOAT"
],
"variableId": "VariableID:357:9095",
"exportKey": "variables"
}
}
},
"blur30": {
"type": "dimension",
"value": 30,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"EFFECT_FLOAT"
],
"variableId": "VariableID:357:9096",
"exportKey": "variables"
}
}
},
"blur48": {
"type": "dimension",
"value": 48,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Value",
"collection": "Global",
"scopes": [
"EFFECT_FLOAT"
],
"variableId": "VariableID:357:9097",
"exportKey": "variables"
}
}
}
}
},
"alias": {
"steel": {
"primary": {
"primary900": {
"type": "color",
"value": "{global.steel.colours.cobalt900}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:179",
"exportKey": "variables"
}
}
},
"primary800": {
"type": "color",
"value": "{global.steel.colours.cobalt800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:180",
"exportKey": "variables"
}
}
},
"primary700": {
"type": "color",
"value": "{global.steel.colours.cobalt700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:181",
"exportKey": "variables"
}
}
},
"primary": {
"type": "color",
"value": "{global.steel.colours.cobalt600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:182",
"exportKey": "variables"
}
}
},
"primary500": {
"type": "color",
"value": "{global.steel.colours.cobalt500}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:183",
"exportKey": "variables"
}
}
},
"primary400": {
"type": "color",
"value": "{global.steel.colours.cobalt400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:184",
"exportKey": "variables"
}
}
},
"primary300": {
"type": "color",
"value": "{global.steel.colours.cobalt300}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:185",
"exportKey": "variables"
}
}
},
"primary200": {
"type": "color",
"value": "{global.steel.colours.cobalt200}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:186",
"exportKey": "variables"
}
}
},
"primary100": {
"type": "color",
"value": "{global.steel.colours.cobalt100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:187",
"exportKey": "variables"
}
}
},
"primary50": {
"type": "color",
"value": "{global.steel.colours.cobalt50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:188",
"exportKey": "variables"
}
}
}
},
"success": {
"success800": {
"type": "color",
"value": "{global.steel.colours.grassland800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:189",
"exportKey": "variables"
}
}
},
"success700": {
"type": "color",
"value": "{global.steel.colours.grassland700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:190",
"exportKey": "variables"
}
}
},
"base": {
"type": "color",
"value": "{global.steel.colours.grassland600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:191",
"exportKey": "variables"
}
}
},
"success400": {
"type": "color",
"value": "{global.steel.colours.grassland400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:192",
"exportKey": "variables"
}
}
},
"success100": {
"type": "color",
"value": "{global.steel.colours.grassland100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:193",
"exportKey": "variables"
}
}
},
"success50": {
"type": "color",
"value": "{global.steel.colours.grassland50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:194",
"exportKey": "variables"
}
}
}
},
"warning": {
"warning800": {
"type": "color",
"value": "{global.steel.colours.sun800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:195",
"exportKey": "variables"
}
}
},
"warning700": {
"type": "color",
"value": "{global.steel.colours.sun700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:196",
"exportKey": "variables"
}
}
},
"base": {
"type": "color",
"value": "{global.steel.colours.sun600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:197",
"exportKey": "variables"
}
}
},
"warning400": {
"type": "color",
"value": "{global.steel.colours.sun400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:198",
"exportKey": "variables"
}
}
},
"warning100": {
"type": "color",
"value": "{global.steel.colours.sun100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:199",
"exportKey": "variables"
}
}
},
"warning50": {
"type": "color",
"value": "{global.steel.colours.sun50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:200",
"exportKey": "variables"
}
}
}
},
"error": {
"error800": {
"type": "color",
"value": "{global.steel.colours.monza800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:201",
"exportKey": "variables"
}
}
},
"error700": {
"type": "color",
"value": "{global.steel.colours.monza700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:202",
"exportKey": "variables"
}
}
},
"base": {
"type": "color",
"value": "{global.steel.colours.monza600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:203",
"exportKey": "variables"
}
}
},
"error400": {
"type": "color",
"value": "{global.steel.colours.monza400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:204",
"exportKey": "variables"
}
}
},
"error100": {
"type": "color",
"value": "{global.steel.colours.monza100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:205",
"exportKey": "variables"
}
}
},
"error50": {
"type": "color",
"value": "{global.steel.colours.monza50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:206",
"exportKey": "variables"
}
}
}
},
"neutral": {
"shark": {
"type": "color",
"value": "{global.steel.colours.shark800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:207",
"exportKey": "variables"
}
}
},
"mako": {
"type": "color",
"value": "{global.steel.colours.mako500}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:208",
"exportKey": "variables"
}
}
},
"makofade": {
"type": "color",
"value": "{global.steel.colours.mako400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:209",
"exportKey": "variables"
}
}
},
"palesky": {
"type": "color",
"value": "{global.steel.colours.palesky500}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:210",
"exportKey": "variables"
}
}
},
"iron": {
"type": "color",
"value": "{global.steel.colours.iron}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:211",
"exportKey": "variables"
}
}
},
"silver": {
"type": "color",
"value": "{global.steel.colours.silver}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:212",
"exportKey": "variables"
}
}
},
"smoke": {
"type": "color",
"value": "{global.steel.colours.smoke}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:213",
"exportKey": "variables"
}
}
},
"white": {
"type": "color",
"value": "{global.steel.colours.white}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:214",
"exportKey": "variables"
}
}
}
},
"highlight": {
"highlight800": {
"type": "color",
"value": "{global.steel.colours.viridian800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:215",
"exportKey": "variables"
}
}
},
"highlight700": {
"type": "color",
"value": "{global.steel.colours.viridian700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:216",
"exportKey": "variables"
}
}
},
"highlight500": {
"type": "color",
"value": "{global.steel.colours.viridian600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:217",
"exportKey": "variables"
}
}
},
"highlight400": {
"type": "color",
"value": "{global.steel.colours.viridian400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:218",
"exportKey": "variables"
}
}
},
"base": {
"type": "color",
"value": "{global.steel.colours.viridian100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:219",
"exportKey": "variables"
}
}
},
"highlight50": {
"type": "color",
"value": "{global.steel.colours.viridian50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:220",
"exportKey": "variables"
}
}
}
},
"secondary": {
"jacarta-bluesky": {
"jacarta800": {
"type": "color",
"value": "{global.steel.colours.jacarta800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:221",
"exportKey": "variables"
}
}
},
"jacarta600": {
"type": "color",
"value": "{global.steel.colours.jacarta600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:222",
"exportKey": "variables"
}
}
},
"jacarta100": {
"type": "color",
"value": "{global.steel.colours.jacarta100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:223",
"exportKey": "variables"
}
}
},
"jacarta700": {
"type": "color",
"value": "{global.steel.colours.jacarta700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:228",
"exportKey": "variables"
}
}
},
"jacarta50": {
"type": "color",
"value": "{global.steel.colours.jacarta50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:229",
"exportKey": "variables"
}
}
},
"jacarta400": {
"type": "color",
"value": "{global.steel.colours.jacarta400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12267",
"exportKey": "variables"
}
}
}
},
"eminence-purplerain": {
"eminence800": {
"type": "color",
"value": "{global.steel.colours.eminence800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:224",
"exportKey": "variables"
}
}
},
"eminence600": {
"type": "color",
"value": "{global.steel.colours.eminence600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:225",
"exportKey": "variables"
}
}
},
"eminence100": {
"type": "color",
"value": "{global.steel.colours.eminence100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:226",
"exportKey": "variables"
}
}
},
"eminence50": {
"type": "color",
"value": "{global.steel.colours.eminence50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:230",
"exportKey": "variables"
}
}
},
"eminence700": {
"type": "color",
"value": "{global.steel.colours.eminence700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:231",
"exportKey": "variables"
}
}
},
"eminence400": {
"type": "color",
"value": "{global.steel.colours.eminence400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12268",
"exportKey": "variables"
}
}
}
},
"pelorous-keppel": {
"pelorous800": {
"type": "color",
"value": "{global.steel.colours.pelorous800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:227",
"exportKey": "variables"
}
}
},
"pelorous700": {
"type": "color",
"value": "{global.steel.colours.pelorous700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:232",
"exportKey": "variables"
}
}
},
"pelorous600": {
"type": "color",
"value": "{global.steel.colours.pelorous600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:233",
"exportKey": "variables"
}
}
},
"pelorous100": {
"type": "color",
"value": "{global.steel.colours.pelorous100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:234",
"exportKey": "variables"
}
}
},
"pelorous50": {
"type": "color",
"value": "{global.steel.colours.pelorous50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:235",
"exportKey": "variables"
}
}
},
"pelorous400": {
"type": "color",
"value": "{global.steel.colours.pelorous400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12269",
"exportKey": "variables"
}
}
}
},
"chelsea-indigo": {
"chelsea800": {
"type": "color",
"value": "{global.steel.colours.chelsea800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:236",
"exportKey": "variables"
}
}
},
"chelsea700": {
"type": "color",
"value": "{global.steel.colours.chelsea700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:237",
"exportKey": "variables"
}
}
},
"chelsea600": {
"type": "color",
"value": "{global.steel.colours.chelsea600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:238",
"exportKey": "variables"
}
}
},
"chelsea100": {
"type": "color",
"value": "{global.steel.colours.chelsea100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:239",
"exportKey": "variables"
}
}
},
"chelsea50": {
"type": "color",
"value": "{global.steel.colours.chelsea50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:240",
"exportKey": "variables"
}
}
},
"chelsea400": {
"type": "color",
"value": "{global.steel.colours.chelsea400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12270",
"exportKey": "variables"
}
}
}
},
"rose": {
"rose800": {
"type": "color",
"value": "{global.steel.colours.rose800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12243",
"exportKey": "variables"
}
}
},
"rose700": {
"type": "color",
"value": "{global.steel.colours.rose700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12244",
"exportKey": "variables"
}
}
},
"rose600": {
"type": "color",
"value": "{global.steel.colours.rose600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12245",
"exportKey": "variables"
}
}
},
"rose100": {
"type": "color",
"value": "{global.steel.colours.rose100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12246",
"exportKey": "variables"
}
}
},
"rose50": {
"type": "color",
"value": "{global.steel.colours.rose50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12247",
"exportKey": "variables"
}
}
},
"rose400": {
"type": "color",
"value": "{global.steel.colours.rose400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12248",
"exportKey": "variables"
}
}
}
},
"grassland": {
"grassland800": {
"type": "color",
"value": "{global.steel.colours.grassland800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12249",
"exportKey": "variables"
}
}
},
"grassland700": {
"type": "color",
"value": "{global.steel.colours.grassland700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12250",
"exportKey": "variables"
}
}
},
"grassland600": {
"type": "color",
"value": "{global.steel.colours.grassland600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12251",
"exportKey": "variables"
}
}
},
"grassland400": {
"type": "color",
"value": "{global.steel.colours.grassland400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12252",
"exportKey": "variables"
}
}
},
"grassland100": {
"type": "color",
"value": "{global.steel.colours.grassland100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12253",
"exportKey": "variables"
}
}
},
"grassland50": {
"type": "color",
"value": "{global.steel.colours.grassland50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12254",
"exportKey": "variables"
}
}
}
},
"sun": {
"sun800": {
"type": "color",
"value": "{global.steel.colours.sun800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12255",
"exportKey": "variables"
}
}
},
"sun700": {
"type": "color",
"value": "{global.steel.colours.sun700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12256",
"exportKey": "variables"
}
}
},
"sun600": {
"type": "color",
"value": "{global.steel.colours.sun600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12257",
"exportKey": "variables"
}
}
},
"sun400": {
"type": "color",
"value": "{global.steel.colours.sun400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12258",
"exportKey": "variables"
}
}
},
"sun100": {
"type": "color",
"value": "{global.steel.colours.sun100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12259",
"exportKey": "variables"
}
}
},
"sun50": {
"type": "color",
"value": "{global.steel.colours.sun50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12260",
"exportKey": "variables"
}
}
}
},
"monza": {
"monza800": {
"type": "color",
"value": "{global.steel.colours.monza800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12261",
"exportKey": "variables"
}
}
},
"monza700": {
"type": "color",
"value": "{global.steel.colours.monza700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12262",
"exportKey": "variables"
}
}
},
"monza600": {
"type": "color",
"value": "{global.steel.colours.monza600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12263",
"exportKey": "variables"
}
}
},
"monza400": {
"type": "color",
"value": "{global.steel.colours.monza400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12264",
"exportKey": "variables"
}
}
},
"monza100": {
"type": "color",
"value": "{global.steel.colours.monza100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12265",
"exportKey": "variables"
}
}
},
"monza50": {
"type": "color",
"value": "{global.steel.colours.monza50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12266",
"exportKey": "variables"
}
}
}
},
"viridian": {
"viridian800": {
"type": "color",
"value": "{global.steel.colours.viridian800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12278",
"exportKey": "variables"
}
}
},
"viridian700": {
"type": "color",
"value": "{global.steel.colours.viridian700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12279",
"exportKey": "variables"
}
}
},
"viridian600": {
"type": "color",
"value": "{global.steel.colours.viridian600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12280",
"exportKey": "variables"
}
}
},
"viridian400": {
"type": "color",
"value": "{global.steel.colours.viridian400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12281",
"exportKey": "variables"
}
}
},
"viridian100": {
"type": "color",
"value": "{global.steel.colours.viridian100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12282",
"exportKey": "variables"
}
}
},
"viridian50": {
"type": "color",
"value": "{global.steel.colours.viridian50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12283",
"exportKey": "variables"
}
}
}
},
"cobalt-tango": {
"cobalt800": {
"type": "color",
"value": "{global.steel.colours.cobalt800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12295",
"exportKey": "variables"
}
}
},
"cobalt700": {
"type": "color",
"value": "{global.steel.colours.cobalt700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12296",
"exportKey": "variables"
}
}
},
"cobalt600": {
"type": "color",
"value": "{global.steel.colours.cobalt600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12297",
"exportKey": "variables"
}
}
},
"cobalt400": {
"type": "color",
"value": "{global.steel.colours.cobalt400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12298",
"exportKey": "variables"
}
}
},
"cobalt100": {
"type": "color",
"value": "{global.steel.colours.cobalt100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12299",
"exportKey": "variables"
}
}
},
"cobalt50": {
"type": "color",
"value": "{global.steel.colours.cobalt50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Steel",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12300",
"exportKey": "variables"
}
}
}
}
}
},
"tango": {
"primary": {
"primary900": {
"type": "color",
"value": "{global.tango.colours.tango900}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:179",
"exportKey": "variables"
}
}
},
"primary800": {
"type": "color",
"value": "{global.tango.colours.tango800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:180",
"exportKey": "variables"
}
}
},
"primary700": {
"type": "color",
"value": "{global.tango.colours.tango700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:181",
"exportKey": "variables"
}
}
},
"primary": {
"type": "color",
"value": "{global.tango.colours.tango600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:182",
"exportKey": "variables"
}
}
},
"primary500": {
"type": "color",
"value": "{global.tango.colours.tango500}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:183",
"exportKey": "variables"
}
}
},
"primary400": {
"type": "color",
"value": "{global.tango.colours.tango400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:184",
"exportKey": "variables"
}
}
},
"primary300": {
"type": "color",
"value": "{global.tango.colours.tango300}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:185",
"exportKey": "variables"
}
}
},
"primary200": {
"type": "color",
"value": "{global.tango.colours.tango200}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:186",
"exportKey": "variables"
}
}
},
"primary100": {
"type": "color",
"value": "{global.tango.colours.tango100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:187",
"exportKey": "variables"
}
}
},
"primary50": {
"type": "color",
"value": "{global.tango.colours.tango50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:188",
"exportKey": "variables"
}
}
}
},
"success": {
"success800": {
"type": "color",
"value": "{global.tango.colours.grassland800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:189",
"exportKey": "variables"
}
}
},
"success700": {
"type": "color",
"value": "{global.tango.colours.grassland700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:190",
"exportKey": "variables"
}
}
},
"base": {
"type": "color",
"value": "{global.tango.colours.grassland600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:191",
"exportKey": "variables"
}
}
},
"success400": {
"type": "color",
"value": "{global.tango.colours.grassland400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:192",
"exportKey": "variables"
}
}
},
"success100": {
"type": "color",
"value": "{global.tango.colours.grassland100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:193",
"exportKey": "variables"
}
}
},
"success50": {
"type": "color",
"value": "{global.tango.colours.grassland50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:194",
"exportKey": "variables"
}
}
}
},
"warning": {
"warning800": {
"type": "color",
"value": "{global.tango.colours.saffron800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:195",
"exportKey": "variables"
}
}
},
"warning700": {
"type": "color",
"value": "{global.tango.colours.saffron700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:196",
"exportKey": "variables"
}
}
},
"base": {
"type": "color",
"value": "{global.tango.colours.saffron600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:197",
"exportKey": "variables"
}
}
},
"warning400": {
"type": "color",
"value": "{global.tango.colours.saffron600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:198",
"exportKey": "variables"
}
}
},
"warning100": {
"type": "color",
"value": "{global.tango.colours.saffron100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:199",
"exportKey": "variables"
}
}
},
"warning50": {
"type": "color",
"value": "{global.tango.colours.saffron50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:200",
"exportKey": "variables"
}
}
}
},
"error": {
"error800": {
"type": "color",
"value": "{global.tango.colours.monza800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:201",
"exportKey": "variables"
}
}
},
"error700": {
"type": "color",
"value": "{global.tango.colours.monza700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:202",
"exportKey": "variables"
}
}
},
"base": {
"type": "color",
"value": "{global.tango.colours.monza600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:203",
"exportKey": "variables"
}
}
},
"error400": {
"type": "color",
"value": "{global.tango.colours.monza400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:204",
"exportKey": "variables"
}
}
},
"error100": {
"type": "color",
"value": "{global.tango.colours.monza100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:205",
"exportKey": "variables"
}
}
},
"error50": {
"type": "color",
"value": "{global.tango.colours.monza50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:206",
"exportKey": "variables"
}
}
}
},
"neutral": {
"shark": {
"type": "color",
"value": "{global.tango.colours.shark800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:207",
"exportKey": "variables"
}
}
},
"mako": {
"type": "color",
"value": "{global.tango.colours.mako400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:208",
"exportKey": "variables"
}
}
},
"makofade": {
"type": "color",
"value": "{global.tango.colours.mako400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:209",
"exportKey": "variables"
}
}
},
"palesky": {
"type": "color",
"value": "{global.tango.colours.palesky500}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:210",
"exportKey": "variables"
}
}
},
"iron": {
"type": "color",
"value": "{global.tango.colours.iron}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:211",
"exportKey": "variables"
}
}
},
"silver": {
"type": "color",
"value": "{global.tango.colours.silver}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:212",
"exportKey": "variables"
}
}
},
"smoke": {
"type": "color",
"value": "{global.tango.colours.smoke}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:213",
"exportKey": "variables"
}
}
},
"white": {
"type": "color",
"value": "{global.tango.colours.white}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:214",
"exportKey": "variables"
}
}
}
},
"highlight": {
"highlight800": {
"type": "color",
"value": "{global.tango.colours.viridian800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:215",
"exportKey": "variables"
}
}
},
"highlight700": {
"type": "color",
"value": "{global.tango.colours.viridian700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:216",
"exportKey": "variables"
}
}
},
"highlight500": {
"type": "color",
"value": "{global.tango.colours.viridian600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:217",
"exportKey": "variables"
}
}
},
"highlight400": {
"type": "color",
"value": "{global.tango.colours.viridian400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:218",
"exportKey": "variables"
}
}
},
"base": {
"type": "color",
"value": "{global.tango.colours.viridian100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:219",
"exportKey": "variables"
}
}
},
"highlight50": {
"type": "color",
"value": "{global.tango.colours.viridian50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:220",
"exportKey": "variables"
}
}
}
},
"secondary": {
"jacarta-bluesky": {
"jacarta800": {
"type": "color",
"value": "{global.tango.colours.bluesky800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:221",
"exportKey": "variables"
}
}
},
"jacarta600": {
"type": "color",
"value": "{global.tango.colours.bluesky600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:222",
"exportKey": "variables"
}
}
},
"jacarta100": {
"type": "color",
"value": "{global.tango.colours.bluesky100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:223",
"exportKey": "variables"
}
}
},
"jacarta700": {
"type": "color",
"value": "{global.tango.colours.bluesky700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:228",
"exportKey": "variables"
}
}
},
"jacarta50": {
"type": "color",
"value": "{global.tango.colours.bluesky50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:229",
"exportKey": "variables"
}
}
},
"jacarta400": {
"type": "color",
"value": "{global.tango.colours.bluesky600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12267",
"exportKey": "variables"
}
}
}
},
"eminence-purplerain": {
"eminence800": {
"type": "color",
"value": "{global.tango.colours.purplerain800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:224",
"exportKey": "variables"
}
}
},
"eminence600": {
"type": "color",
"value": "{global.tango.colours.purplerain600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:225",
"exportKey": "variables"
}
}
},
"eminence100": {
"type": "color",
"value": "{global.tango.colours.purplerain100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:226",
"exportKey": "variables"
}
}
},
"eminence50": {
"type": "color",
"value": "{global.tango.colours.purplerain50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:230",
"exportKey": "variables"
}
}
},
"eminence700": {
"type": "color",
"value": "{global.tango.colours.purplerain700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:231",
"exportKey": "variables"
}
}
},
"eminence400": {
"type": "color",
"value": "{global.tango.colours.purplerain600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12268",
"exportKey": "variables"
}
}
}
},
"pelorous-keppel": {
"pelorous800": {
"type": "color",
"value": "{global.tango.colours.keppel800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:227",
"exportKey": "variables"
}
}
},
"pelorous700": {
"type": "color",
"value": "{global.tango.colours.keppel700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:232",
"exportKey": "variables"
}
}
},
"pelorous600": {
"type": "color",
"value": "{global.tango.colours.keppel600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:233",
"exportKey": "variables"
}
}
},
"pelorous100": {
"type": "color",
"value": "{global.tango.colours.keppel100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:234",
"exportKey": "variables"
}
}
},
"pelorous50": {
"type": "color",
"value": "{global.tango.colours.keppel50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:235",
"exportKey": "variables"
}
}
},
"pelorous400": {
"type": "color",
"value": "{global.tango.colours.keppel600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12269",
"exportKey": "variables"
}
}
}
},
"chelsea-indigo": {
"chelsea800": {
"type": "color",
"value": "{global.tango.colours.indigo800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:236",
"exportKey": "variables"
}
}
},
"chelsea700": {
"type": "color",
"value": "{global.tango.colours.indigo700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:237",
"exportKey": "variables"
}
}
},
"chelsea600": {
"type": "color",
"value": "{global.tango.colours.indigo600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:238",
"exportKey": "variables"
}
}
},
"chelsea100": {
"type": "color",
"value": "{global.tango.colours.indigo100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:239",
"exportKey": "variables"
}
}
},
"chelsea50": {
"type": "color",
"value": "{global.tango.colours.indigo50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:1:240",
"exportKey": "variables"
}
}
},
"chelsea400": {
"type": "color",
"value": "{global.tango.colours.indigo600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12270",
"exportKey": "variables"
}
}
}
},
"rose": {
"rose800": {
"type": "color",
"value": "{global.tango.colours.rose800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12243",
"exportKey": "variables"
}
}
},
"rose700": {
"type": "color",
"value": "{global.tango.colours.rose700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12244",
"exportKey": "variables"
}
}
},
"rose600": {
"type": "color",
"value": "{global.tango.colours.rose600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12245",
"exportKey": "variables"
}
}
},
"rose100": {
"type": "color",
"value": "{global.tango.colours.rose100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12246",
"exportKey": "variables"
}
}
},
"rose50": {
"type": "color",
"value": "{global.tango.colours.rose50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12247",
"exportKey": "variables"
}
}
},
"rose400": {
"type": "color",
"value": "{global.tango.colours.rose400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12248",
"exportKey": "variables"
}
}
}
},
"grassland": {
"grassland800": {
"type": "color",
"value": "{global.tango.colours.grassland800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12249",
"exportKey": "variables"
}
}
},
"grassland700": {
"type": "color",
"value": "{global.tango.colours.grassland700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12250",
"exportKey": "variables"
}
}
},
"grassland600": {
"type": "color",
"value": "{global.tango.colours.grassland600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12251",
"exportKey": "variables"
}
}
},
"grassland400": {
"type": "color",
"value": "{global.tango.colours.grassland400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12252",
"exportKey": "variables"
}
}
},
"grassland100": {
"type": "color",
"value": "{global.tango.colours.grassland100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12253",
"exportKey": "variables"
}
}
},
"grassland50": {
"type": "color",
"value": "{global.tango.colours.grassland50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12254",
"exportKey": "variables"
}
}
}
},
"sun": {
"sun800": {
"type": "color",
"value": "{global.tango.colours.saffron800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12255",
"exportKey": "variables"
}
}
},
"sun700": {
"type": "color",
"value": "{global.tango.colours.saffron700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12256",
"exportKey": "variables"
}
}
},
"sun600": {
"type": "color",
"value": "{global.tango.colours.saffron600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12257",
"exportKey": "variables"
}
}
},
"sun400": {
"type": "color",
"value": "{global.tango.colours.saffron600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12258",
"exportKey": "variables"
}
}
},
"sun100": {
"type": "color",
"value": "{global.tango.colours.saffron100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12259",
"exportKey": "variables"
}
}
},
"sun50": {
"type": "color",
"value": "{global.tango.colours.saffron50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12260",
"exportKey": "variables"
}
}
}
},
"monza": {
"monza800": {
"type": "color",
"value": "{global.tango.colours.monza800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12261",
"exportKey": "variables"
}
}
},
"monza700": {
"type": "color",
"value": "{global.tango.colours.monza700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12262",
"exportKey": "variables"
}
}
},
"monza600": {
"type": "color",
"value": "{global.tango.colours.monza600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12263",
"exportKey": "variables"
}
}
},
"monza400": {
"type": "color",
"value": "{global.tango.colours.monza400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12264",
"exportKey": "variables"
}
}
},
"monza100": {
"type": "color",
"value": "{global.tango.colours.monza100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12265",
"exportKey": "variables"
}
}
},
"monza50": {
"type": "color",
"value": "{global.tango.colours.monza50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12266",
"exportKey": "variables"
}
}
}
},
"viridian": {
"viridian800": {
"type": "color",
"value": "{global.tango.colours.viridian800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12278",
"exportKey": "variables"
}
}
},
"viridian700": {
"type": "color",
"value": "{global.tango.colours.viridian700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12279",
"exportKey": "variables"
}
}
},
"viridian600": {
"type": "color",
"value": "{global.tango.colours.viridian600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12280",
"exportKey": "variables"
}
}
},
"viridian400": {
"type": "color",
"value": "{global.tango.colours.viridian400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12281",
"exportKey": "variables"
}
}
},
"viridian100": {
"type": "color",
"value": "{global.tango.colours.viridian100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12282",
"exportKey": "variables"
}
}
},
"viridian50": {
"type": "color",
"value": "{global.tango.colours.viridian50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12283",
"exportKey": "variables"
}
}
}
},
"cobalt-tango": {
"cobalt800": {
"type": "color",
"value": "{global.tango.colours.tango800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12295",
"exportKey": "variables"
}
}
},
"cobalt700": {
"type": "color",
"value": "{global.tango.colours.tango700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12296",
"exportKey": "variables"
}
}
},
"cobalt600": {
"type": "color",
"value": "{global.tango.colours.tango600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12297",
"exportKey": "variables"
}
}
},
"cobalt400": {
"type": "color",
"value": "{global.tango.colours.tango400}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12298",
"exportKey": "variables"
}
}
},
"cobalt100": {
"type": "color",
"value": "{global.tango.colours.tango100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12299",
"exportKey": "variables"
}
}
},
"cobalt50": {
"type": "color",
"value": "{global.tango.colours.tango50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Tango",
"collection": "Alias",
"scopes": [],
"variableId": "VariableID:435:12300",
"exportKey": "variables"
}
}
}
}
}
}
},
"mapped": {
"text": {
"bold": {
"type": "color",
"value": "{alias.light.neutral.shark}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:242",
"exportKey": "variables"
}
}
},
"default": {
"type": "color",
"value": "{alias.light.neutral.mako}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:243",
"exportKey": "variables"
}
}
},
"brand": {
"type": "color",
"value": "{alias.light.primary.primary}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:244",
"exportKey": "variables"
}
}
},
"brand-hover": {
"type": "color",
"value": "{alias.light.primary.primary800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:245",
"exportKey": "variables"
}
}
},
"disabled": {
"type": "color",
"value": "{alias.light.neutral.makofade}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:246",
"exportKey": "variables"
}
}
},
"information": {
"type": "color",
"value": "{alias.light.primary.primary500}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:248",
"exportKey": "variables"
}
}
},
"success": {
"type": "color",
"value": "{alias.light.success.base}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:249",
"exportKey": "variables"
}
}
},
"warning": {
"type": "color",
"value": "{alias.light.warning.base}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:250",
"exportKey": "variables"
}
}
},
"error": {
"type": "color",
"value": "{alias.light.error.base}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:251",
"exportKey": "variables"
}
}
},
"on-action": {
"type": "color",
"value": "{alias.light.neutral.white}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:252",
"exportKey": "variables"
}
}
},
"on-disabled": {
"type": "color",
"value": "{alias.light.neutral.mako}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:253",
"exportKey": "variables"
}
}
},
"subtle": {
"type": "color",
"value": "{alias.light.neutral.palesky}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:1:287",
"exportKey": "variables"
}
}
},
"jacarta": {
"type": "color",
"value": "{alias.light.secondary.jacarta-bluesky.jacarta600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:331:50387",
"exportKey": "variables"
}
}
},
"eminence": {
"type": "color",
"value": "{alias.light.secondary.eminence-purplerain.eminence600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:331:50388",
"exportKey": "variables"
}
}
},
"pelorous": {
"type": "color",
"value": "{alias.light.secondary.pelorous-keppel.pelorous600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:331:50389",
"exportKey": "variables"
}
}
},
"chelsea": {
"type": "color",
"value": "{alias.light.secondary.chelsea-indigo.chelsea600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:331:50390",
"exportKey": "variables"
}
}
},
"jacarta-bold": {
"type": "color",
"value": "{alias.light.secondary.jacarta-bluesky.jacarta800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:426:13174",
"exportKey": "variables"
}
}
},
"eminence-bold": {
"type": "color",
"value": "{alias.light.secondary.eminence-purplerain.eminence800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:426:13176",
"exportKey": "variables"
}
}
},
"pelorous-bold": {
"type": "color",
"value": "{alias.light.secondary.pelorous-keppel.pelorous800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:426:13177",
"exportKey": "variables"
}
}
},
"chelsea-bold": {
"type": "color",
"value": "{alias.light.secondary.chelsea-indigo.chelsea800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:426:13178",
"exportKey": "variables"
}
}
},
"rose": {
"type": "color",
"value": "{alias.light.secondary.rose.rose600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:435:12290",
"exportKey": "variables"
}
}
},
"rose-bold": {
"type": "color",
"value": "{alias.light.secondary.rose.rose800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:435:12291",
"exportKey": "variables"
}
}
},
"viridian": {
"type": "color",
"value": "{alias.light.secondary.viridian.viridian600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:435:12292",
"exportKey": "variables"
}
}
},
"viridian-bold": {
"type": "color",
"value": "{alias.light.secondary.viridian.viridian800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:435:12293",
"exportKey": "variables"
}
}
},
"cobalt": {
"type": "color",
"value": "{alias.light.secondary.cobalt-tango.cobalt600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:435:12294",
"exportKey": "variables"
}
}
},
"cobalt-bold": {
"type": "color",
"value": "{alias.light.secondary.cobalt-tango.cobalt800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:437:12301",
"exportKey": "variables"
}
}
},
"shark": {
"type": "color",
"value": "{global.light.colours.shark800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:437:12302",
"exportKey": "variables"
}
}
},
"mako": {
"type": "color",
"value": "{global.light.colours.mako500}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:437:12303",
"exportKey": "variables"
}
}
},
"grassland": {
"type": "color",
"value": "{alias.light.secondary.grassland.grassland600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:437:12304",
"exportKey": "variables"
}
}
},
"grassland-bold": {
"type": "color",
"value": "{alias.light.secondary.grassland.grassland800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:437:12305",
"exportKey": "variables"
}
}
},
"sun": {
"type": "color",
"value": "{alias.light.secondary.sun.sun700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:437:12306",
"exportKey": "variables"
}
}
},
"monza": {
"type": "color",
"value": "{alias.light.secondary.monza.monza600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:437:12307",
"exportKey": "variables"
}
}
},
"sun-bold": {
"type": "color",
"value": "{alias.light.secondary.sun.sun800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:437:12308",
"exportKey": "variables"
}
}
},
"monza-bold": {
"type": "color",
"value": "{alias.light.secondary.monza.monza800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"TEXT_FILL"
],
"variableId": "VariableID:437:12309",
"exportKey": "variables"
}
}
}
},
"icon": {
"default": {
"type": "color",
"value": "{alias.light.neutral.palesky}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"SHAPE_FILL"
],
"variableId": "VariableID:1:254",
"exportKey": "variables"
}
}
},
"brand": {
"type": "color",
"value": "{alias.light.primary.primary}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"SHAPE_FILL"
],
"variableId": "VariableID:1:255",
"exportKey": "variables"
}
}
},
"success": {
"type": "color",
"value": "{alias.light.success.base}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"SHAPE_FILL"
],
"variableId": "VariableID:1:256",
"exportKey": "variables"
}
}
},
"warning": {
"type": "color",
"value": "{alias.light.warning.base}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"SHAPE_FILL"
],
"variableId": "VariableID:1:257",
"exportKey": "variables"
}
}
},
"error": {
"type": "color",
"value": "{alias.light.error.base}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"SHAPE_FILL"
],
"variableId": "VariableID:1:258",
"exportKey": "variables"
}
}
},
"on-action": {
"type": "color",
"value": "{alias.light.neutral.white}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"SHAPE_FILL"
],
"variableId": "VariableID:161:13148",
"exportKey": "variables"
}
}
},
"on-disabled": {
"type": "color",
"value": "{alias.light.neutral.mako}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"SHAPE_FILL"
],
"variableId": "VariableID:161:13149",
"exportKey": "variables"
}
}
},
"disabled": {
"type": "color",
"value": "{alias.light.neutral.iron}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"SHAPE_FILL"
],
"variableId": "VariableID:162:18842",
"exportKey": "variables"
}
}
},
"brand-hover": {
"type": "color",
"value": "{alias.light.primary.primary800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"SHAPE_FILL"
],
"variableId": "VariableID:330:48758",
"exportKey": "variables"
}
}
},
"information": {
"type": "color",
"value": "{alias.light.primary.primary500}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"SHAPE_FILL"
],
"variableId": "VariableID:435:12271",
"exportKey": "variables"
}
}
}
},
"surface": {
"default-subtle": {
"type": "color",
"value": "{alias.light.neutral.smoke}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:259",
"exportKey": "variables"
}
}
},
"default": {
"type": "color",
"value": "{alias.light.neutral.white}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:260",
"exportKey": "variables"
}
}
},
"disabled": {
"type": "color",
"value": "{alias.light.neutral.iron}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:262",
"exportKey": "variables"
}
}
},
"sucess": {
"type": "color",
"value": "{alias.light.success.success50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:263",
"exportKey": "variables"
}
}
},
"error": {
"type": "color",
"value": "{alias.light.error.error100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:264",
"exportKey": "variables"
}
}
},
"warning": {
"type": "color",
"value": "{alias.light.warning.warning50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:265",
"exportKey": "variables"
}
}
},
"information": {
"type": "color",
"value": "{alias.light.primary.primary50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:266",
"exportKey": "variables"
}
}
},
"highlight": {
"type": "color",
"value": "{alias.light.highlight.highlight50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:267",
"exportKey": "variables"
}
}
},
"brand": {
"type": "color",
"value": "{alias.light.primary.primary}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:268",
"exportKey": "variables"
}
}
},
"brand-hover": {
"type": "color",
"value": "{alias.light.primary.primary800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:269",
"exportKey": "variables"
}
}
},
"modal": {
"type": "color",
"value": "#1b1e2499",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:272",
"exportKey": "variables"
}
}
},
"disabled-subtle": {
"type": "color",
"value": "{alias.light.neutral.smoke}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:1:286",
"exportKey": "variables"
}
}
},
"selected": {
"type": "color",
"value": "{alias.light.primary.primary100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:162:18839",
"exportKey": "variables"
}
}
},
"active": {
"type": "color",
"value": "{alias.light.warning.warning50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:330:48762",
"exportKey": "variables"
}
}
},
"jacarta": {
"type": "color",
"value": "{alias.light.secondary.jacarta-bluesky.jacarta100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:331:50089",
"exportKey": "variables"
}
}
},
"eminence": {
"type": "color",
"value": "{alias.light.secondary.eminence-purplerain.eminence100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:331:50090",
"exportKey": "variables"
}
}
},
"pelorous": {
"type": "color",
"value": "{alias.light.secondary.pelorous-keppel.pelorous100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:331:50091",
"exportKey": "variables"
}
}
},
"chelsea": {
"type": "color",
"value": "{alias.light.secondary.chelsea-indigo.chelsea100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:331:50092",
"exportKey": "variables"
}
}
},
"viridian": {
"type": "color",
"value": "{alias.light.secondary.viridian.viridian100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:390:8626",
"exportKey": "variables"
}
}
},
"jacarta-bold": {
"type": "color",
"value": "{alias.light.secondary.jacarta-bluesky.jacarta600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:426:13179",
"exportKey": "variables"
}
}
},
"eminence-bold": {
"type": "color",
"value": "{alias.light.secondary.eminence-purplerain.eminence600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:426:13180",
"exportKey": "variables"
}
}
},
"pelorous-bold": {
"type": "color",
"value": "{alias.light.secondary.pelorous-keppel.pelorous600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:426:13181",
"exportKey": "variables"
}
}
},
"chelsea-bold": {
"type": "color",
"value": "{alias.light.secondary.chelsea-indigo.chelsea600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:426:13182",
"exportKey": "variables"
}
}
},
"viridian-bold": {
"type": "color",
"value": "{alias.light.secondary.viridian.viridian600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:437:12310",
"exportKey": "variables"
}
}
},
"cobalt": {
"type": "color",
"value": "{alias.light.secondary.cobalt-tango.cobalt100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:437:12311",
"exportKey": "variables"
}
}
},
"cobalt-bold": {
"type": "color",
"value": "{alias.light.secondary.cobalt-tango.cobalt600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:437:12312",
"exportKey": "variables"
}
}
},
"shark": {
"type": "color",
"value": "{global.light.colours.palesky100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:437:12314",
"exportKey": "variables"
}
}
},
"shark-bold": {
"type": "color",
"value": "{global.light.colours.shark800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:437:12315",
"exportKey": "variables"
}
}
},
"grassland": {
"type": "color",
"value": "{alias.light.secondary.grassland.grassland100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:437:12316",
"exportKey": "variables"
}
}
},
"sun": {
"type": "color",
"value": "{alias.light.secondary.sun.sun100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:437:12317",
"exportKey": "variables"
}
}
},
"monza": {
"type": "color",
"value": "{alias.light.secondary.monza.monza100}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:437:12318",
"exportKey": "variables"
}
}
},
"monza-bold": {
"type": "color",
"value": "{alias.light.secondary.monza.monza600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"FRAME_FILL"
],
"variableId": "VariableID:437:12319",
"exportKey": "variables"
}
}
}
},
"border": {
"default": {
"type": "color",
"value": "{alias.light.neutral.iron}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:1:273",
"exportKey": "variables"
}
}
},
"success": {
"type": "color",
"value": "{alias.light.success.base}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:1:275",
"exportKey": "variables"
}
}
},
"warning": {
"type": "color",
"value": "{alias.light.warning.base}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:1:276",
"exportKey": "variables"
}
}
},
"error": {
"type": "color",
"value": "{alias.light.error.base}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:1:277",
"exportKey": "variables"
}
}
},
"disabled": {
"type": "color",
"value": "{alias.light.neutral.makofade}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:1:278",
"exportKey": "variables"
}
}
},
"brand": {
"type": "color",
"value": "{alias.light.primary.primary}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:1:279",
"exportKey": "variables"
}
}
},
"brand-hover": {
"type": "color",
"value": "{alias.light.primary.primary800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:1:280",
"exportKey": "variables"
}
}
},
"default-subtle": {
"type": "color",
"value": "{alias.light.neutral.silver}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:192:287",
"exportKey": "variables"
}
}
},
"jacarta": {
"type": "color",
"value": "{alias.light.secondary.jacarta-bluesky.jacarta600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12272",
"exportKey": "variables"
}
}
},
"eminence": {
"type": "color",
"value": "{alias.light.secondary.eminence-purplerain.eminence600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12273",
"exportKey": "variables"
}
}
},
"pelorous": {
"type": "color",
"value": "{alias.light.secondary.pelorous-keppel.pelorous600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12274",
"exportKey": "variables"
}
}
},
"chelsea": {
"type": "color",
"value": "{alias.light.secondary.chelsea-indigo.chelsea600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12275",
"exportKey": "variables"
}
}
},
"rose": {
"type": "color",
"value": "{alias.light.secondary.rose.rose600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12276",
"exportKey": "variables"
}
}
},
"viridian": {
"type": "color",
"value": "{alias.light.secondary.viridian.viridian600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12277",
"exportKey": "variables"
}
}
},
"shark": {
"type": "color",
"value": "{global.light.colours.shark800}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12284",
"exportKey": "variables"
}
}
},
"mako": {
"type": "color",
"value": "{global.light.colours.mako500}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12285",
"exportKey": "variables"
}
}
},
"grassland": {
"type": "color",
"value": "{alias.light.secondary.grassland.grassland700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12286",
"exportKey": "variables"
}
}
},
"sun": {
"type": "color",
"value": "{alias.light.secondary.sun.sun700}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12287",
"exportKey": "variables"
}
}
},
"monza": {
"type": "color",
"value": "{alias.light.secondary.monza.monza600}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"STROKE_COLOR"
],
"variableId": "VariableID:435:12288",
"exportKey": "variables"
}
}
}
},
"elevation": {
"opacity-6%": {
"type": "color",
"value": "#6d78810f",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"EFFECT_COLOR"
],
"variableId": "VariableID:357:9074",
"exportKey": "variables"
}
}
},
"opacity-16%": {
"type": "color",
"value": "#6d788129",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"EFFECT_COLOR"
],
"variableId": "VariableID:357:9088",
"exportKey": "variables"
}
}
},
"opacity-25%": {
"type": "color",
"value": "#6d788140",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"EFFECT_COLOR"
],
"variableId": "VariableID:357:9089",
"exportKey": "variables"
}
}
},
"opacity-12%": {
"type": "color",
"value": "#6d78811f",
"blendMode": "normal",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Light",
"collection": "Mapped",
"scopes": [
"EFFECT_COLOR"
],
"variableId": "VariableID:357:9090",
"exportKey": "variables"
}
}
}
}
},
"desktop": {
"typography": {
"display xl": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.bold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:5",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-54}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:7",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-64}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:8",
"exportKey": "variables"
}
}
}
},
"display l": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:12",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-42}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:13",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-48}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:14",
"exportKey": "variables"
}
}
}
},
"display m": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:16",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-32}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:17",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-40}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:18",
"exportKey": "variables"
}
}
}
},
"display s": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:20",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-26}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:21",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-32}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:22",
"exportKey": "variables"
}
}
}
},
"headline": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:24",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-20}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:25",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-24}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:26",
"exportKey": "variables"
}
}
}
},
"subhead-md": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:40",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-17}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:41",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-24}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:42",
"exportKey": "variables"
}
}
}
},
"body-md": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:44",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-14}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:45",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-20}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:46",
"exportKey": "variables"
}
}
}
},
"caption 1": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:48",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-13}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:49",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-20}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:50",
"exportKey": "variables"
}
}
}
},
"caption 2": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:52",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-12}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:53",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-16}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:54",
"exportKey": "variables"
}
}
}
},
"inline": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:58",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-14}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:60",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-24}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:64",
"exportKey": "variables"
}
}
}
},
"standalone": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.bold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:211",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-12}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:212",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-16}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:213",
"exportKey": "variables"
}
}
},
"line spacing": {
"type": "dimension",
"value": "{global.value.font.size.letter spacing.ls-160}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2450",
"exportKey": "variables"
}
}
}
},
"button": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.bold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:217",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-14}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:218",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-16}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:219",
"exportKey": "variables"
}
}
},
"line spacing": {
"type": "dimension",
"value": "{global.value.font.size.letter spacing.ls-160}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2451",
"exportKey": "variables"
}
}
}
},
"subhead": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:222",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-17}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:223",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-24}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:224",
"exportKey": "variables"
}
}
}
},
"body": {
"font weight": {
"type": "string",
"value": "{global.value.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:2:226",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.value.font.size.font size.fs-14}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:2:227",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.value.font.size.line height.lh-20}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:2:228",
"exportKey": "variables"
}
}
}
},
"font family": {
"type": "string",
"value": "{global.value.font.family.roboto}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "value",
"collection": "Desktop",
"scopes": [
"FONT_FAMILY"
],
"variableId": "VariableID:534:2447",
"exportKey": "variables"
}
}
}
}
},
"mobile": {
"android": {
"device": {
"width": {
"type": "dimension",
"value": 360,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"WIDTH_HEIGHT"
],
"variableId": "VariableID:534:2393",
"exportKey": "variables"
}
}
},
"min-height": {
"type": "dimension",
"value": 800,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"WIDTH_HEIGHT"
],
"variableId": "VariableID:534:2441",
"exportKey": "variables"
}
}
}
},
"mobile": {
"font family": {
"type": "string",
"value": "{global.android.font.family.roboto}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_FAMILY"
],
"variableId": "VariableID:534:2394",
"exportKey": "variables"
}
}
},
"display xl": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2395",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-32}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2396",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-40}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2397",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-0}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2398",
"exportKey": "variables"
}
}
}
},
"display l": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2399",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-28}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2400",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-36}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2401",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-06}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2402",
"exportKey": "variables"
}
}
}
},
"display m": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2403",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-24}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2404",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-32}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2405",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-0}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2406",
"exportKey": "variables"
}
}
}
},
"display s": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2407",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-22}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2408",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-28}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2409",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-0}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2410",
"exportKey": "variables"
}
}
}
},
"headline": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2411",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-17}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2412",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-24}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2413",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2414",
"exportKey": "variables"
}
}
}
},
"body": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2415",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-17}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2416",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-24}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2417",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-25}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2418",
"exportKey": "variables"
}
}
}
},
"button": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2419",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-17}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2420",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-24}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2421",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2422",
"exportKey": "variables"
}
}
}
},
"subhead-md": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2423",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-15}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2424",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-20}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2425",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-10}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2426",
"exportKey": "variables"
}
}
}
},
"subhead": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2427",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-15}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2428",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-20}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2429",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-10}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2430",
"exportKey": "variables"
}
}
}
},
"caption 1-md": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.medium}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2431",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-12}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2432",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-16}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2433",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-40}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2434",
"exportKey": "variables"
}
}
}
},
"caption 2": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2435",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-11}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2436",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-16}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2437",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-50}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2438",
"exportKey": "variables"
}
}
}
},
"caption 1": {
"font weight": {
"type": "string",
"value": "{global.android.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2442",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.android.font.size.font size.fs-12}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2443",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.android.font.size.line height.lh-16}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2444",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.android.font.size.letter spacing.ls-40}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2445",
"exportKey": "variables"
}
}
}
}
},
"component": {
"statusbar": {
"type": "string",
"value": "Android",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"TEXT_CONTENT"
],
"variableId": "VariableID:534:2439",
"exportKey": "variables"
}
}
},
"home indicator": {
"type": "string",
"value": "Android",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "Android",
"collection": "Mobile",
"scopes": [
"TEXT_CONTENT"
],
"variableId": "VariableID:534:2440",
"exportKey": "variables"
}
}
}
}
},
"ios": {
"device": {
"width": {
"type": "dimension",
"value": 375,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"WIDTH_HEIGHT"
],
"variableId": "VariableID:534:2393",
"exportKey": "variables"
}
}
},
"min-height": {
"type": "dimension",
"value": 812,
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"WIDTH_HEIGHT"
],
"variableId": "VariableID:534:2441",
"exportKey": "variables"
}
}
}
},
"mobile": {
"font family": {
"type": "string",
"value": "{global.ios.font.family.sf pro}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_FAMILY"
],
"variableId": "VariableID:534:2394",
"exportKey": "variables"
}
}
},
"display xl": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.semibold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2395",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-34}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2396",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-41}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2397",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-0}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2398",
"exportKey": "variables"
}
}
}
},
"display l": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.semibold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2399",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-28}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2400",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-34}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2401",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-38}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2402",
"exportKey": "variables"
}
}
}
},
"display m": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.semibold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2403",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-22}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2404",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-28}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2405",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-026}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2406",
"exportKey": "variables"
}
}
}
},
"display s": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.semibold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2407",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-20}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2408",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-25}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2409",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-045}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2410",
"exportKey": "variables"
}
}
}
},
"headline": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.semibold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2411",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-17}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2412",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-22}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2413",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-043}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2414",
"exportKey": "variables"
}
}
}
},
"body": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2415",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-17}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2416",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-22}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2417",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-043}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2418",
"exportKey": "variables"
}
}
}
},
"button": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.semibold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2419",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-17}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2420",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-22}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2421",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-043}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2422",
"exportKey": "variables"
}
}
}
},
"subhead-md": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.semibold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2423",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-15}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2424",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-20}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2425",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-023}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2426",
"exportKey": "variables"
}
}
}
},
"subhead": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2427",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-15}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2428",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-20}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2429",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-023}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2430",
"exportKey": "variables"
}
}
}
},
"caption 1-md": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.semibold}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2431",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-12}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2432",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-16}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2433",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-0}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2434",
"exportKey": "variables"
}
}
}
},
"caption 2": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2435",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-11}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2436",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-13}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2437",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-06}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2438",
"exportKey": "variables"
}
}
}
},
"caption 1": {
"font weight": {
"type": "string",
"value": "{global.ios.font.font weight.regular}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_STYLE"
],
"variableId": "VariableID:534:2442",
"exportKey": "variables"
}
}
},
"font size": {
"type": "dimension",
"value": "{global.ios.font.size.font size.fs-12}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"FONT_SIZE"
],
"variableId": "VariableID:534:2443",
"exportKey": "variables"
}
}
},
"line height": {
"type": "dimension",
"value": "{global.ios.font.size.line height.lh-16}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LINE_HEIGHT"
],
"variableId": "VariableID:534:2444",
"exportKey": "variables"
}
}
},
"letter spacing": {
"type": "dimension",
"value": "{global.ios.font.size.letter spacing.ls-0}",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"LETTER_SPACING"
],
"variableId": "VariableID:534:2445",
"exportKey": "variables"
}
}
}
}
},
"component": {
"statusbar": {
"type": "string",
"value": "iOS",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"TEXT_CONTENT"
],
"variableId": "VariableID:534:2439",
"exportKey": "variables"
}
}
},
"home indicator": {
"type": "string",
"value": "iOS",
"extensions": {
"org.lukasoppermann.figmaDesignTokens": {
"mode": "iOS",
"collection": "Mobile",
"scopes": [
"TEXT_CONTENT"
],
"variableId": "VariableID:534:2440",
"exportKey": "variables"
}
}
}
}
}
},
"typography": {
"desktop": {
"display xl": {
"fontSize": {
"type": "dimension",
"value": 54
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 700
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 64
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"display l": {
"fontSize": {
"type": "dimension",
"value": 42
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 48
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"display m": {
"fontSize": {
"type": "dimension",
"value": 32
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 40
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"display s": {
"fontSize": {
"type": "dimension",
"value": 26
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 32
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"headline": {
"fontSize": {
"type": "dimension",
"value": 20
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 24
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"subhead-md": {
"fontSize": {
"type": "dimension",
"value": 17
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 24
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"subhead": {
"fontSize": {
"type": "dimension",
"value": 17
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 400
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 24
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"body-md": {
"fontSize": {
"type": "dimension",
"value": 14
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 20
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"body": {
"fontSize": {
"type": "dimension",
"value": 14
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 400
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 20
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"button": {
"fontSize": {
"type": "dimension",
"value": 14
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 700
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 1.6
},
"lineHeight": {
"type": "dimension",
"value": 16
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "uppercase"
}
},
"caption 1": {
"fontSize": {
"type": "dimension",
"value": 13
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 400
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 20
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"caption 2": {
"fontSize": {
"type": "dimension",
"value": 12
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 400
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 16
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"link-inline": {
"fontSize": {
"type": "dimension",
"value": 14
},
"textDecoration": {
"type": "string",
"value": "underline"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 400
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 24
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"standalone": {
"fontSize": {
"type": "dimension",
"value": 12
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 700
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 1.6
},
"lineHeight": {
"type": "dimension",
"value": 16
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "uppercase"
}
}
},
"native": {
"display xl": {
"fontSize": {
"type": "dimension",
"value": 32
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 40
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"display l": {
"fontSize": {
"type": "dimension",
"value": 28
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0.06
},
"lineHeight": {
"type": "dimension",
"value": 36
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"display m": {
"fontSize": {
"type": "dimension",
"value": 24
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 32
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"display s": {
"fontSize": {
"type": "dimension",
"value": 22
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0
},
"lineHeight": {
"type": "dimension",
"value": 28
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"headline": {
"fontSize": {
"type": "dimension",
"value": 17
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0.5
},
"lineHeight": {
"type": "dimension",
"value": 24
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"body": {
"fontSize": {
"type": "dimension",
"value": 17
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 400
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0.25
},
"lineHeight": {
"type": "dimension",
"value": 24
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"button": {
"fontSize": {
"type": "dimension",
"value": 17
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0.5
},
"lineHeight": {
"type": "dimension",
"value": 24
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"subhead-md": {
"fontSize": {
"type": "dimension",
"value": 15
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0.1
},
"lineHeight": {
"type": "dimension",
"value": 20
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"subhead": {
"fontSize": {
"type": "dimension",
"value": 15
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 400
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0.1
},
"lineHeight": {
"type": "dimension",
"value": 20
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"caption 1 - md": {
"fontSize": {
"type": "dimension",
"value": 12
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 500
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0.4
},
"lineHeight": {
"type": "dimension",
"value": 16
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"caption 1": {
"fontSize": {
"type": "dimension",
"value": 12
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 400
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0.4
},
"lineHeight": {
"type": "dimension",
"value": 16
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
},
"caption 2": {
"fontSize": {
"type": "dimension",
"value": 11
},
"textDecoration": {
"type": "string",
"value": "none"
},
"fontFamily": {
"type": "string",
"value": "Roboto"
},
"fontWeight": {
"type": "number",
"value": 400
},
"fontStyle": {
"type": "string",
"value": "normal"
},
"fontStretch": {
"type": "string",
"value": "normal"
},
"letterSpacing": {
"type": "dimension",
"value": 0.5
},
"lineHeight": {
"type": "dimension",
"value": 16
},
"paragraphIndent": {
"type": "dimension",
"value": 0
},
"paragraphSpacing": {
"type": "dimension",
"value": 0
},
"textCase": {
"type": "string",
"value": "none"
}
}
}
}
}Global Presentation
To ensure successful adoption, I conducted knowledge transfer sessions with both the design and development teams. These sessions were designed to familiarize the teams with the new system and its benefits, ensuring that everyone could apply the tokens effectively in their work.
Additionally, I presented our approach and the outcomes at the Global Design Summit, sharing insights on how we overcame challenges related to color consistency, spacing, and border-radius in our design system. This presentation was well-received, further establishing Solera as a leader in design system practices.
Results and Impact
The introduction of Design Tokens and Variables brought significant improvements to Solera’s design system. By providing a single source of truth for design elements, the tokens reduced inconsistencies between design and development, improved efficiency, and enhanced the overall user experience.
The design system became more scalable, allowing new components to be added seamlessly without disrupting existing designs. The project also reinforced Solera’s commitment to maintaining a high standard in design practices, further solidifying its position in the industry.
Reflections and Learnings
This project highlighted the importance of a well-structured and thoroughly documented design system. The success of the Design Tokens and Variables initiative underscored the value of research, collaboration, and continuous refinement in maintaining consistency and scalability across platforms.
Looking ahead, the lessons learned from this project will continue to guide Solera’s design evolution, ensuring that we remain at the forefront of design innovation.