outsystems-design-tokens
Version:
Store the Design Tokens used on the Ionic Framework and Widgets Library
706 lines • 23.3 kB
JSON
{
"display": {
"sm": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.1100}",
"fontSize": "{font.font-size.800}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "44",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"light": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.light}",
"lineHeight": "{font.line-height.1100}",
"fontSize": "{font.font-size.800}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "44",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
},
"lg": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.1200}",
"fontSize": "{font.font-size.900}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "48",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"light": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.light}",
"lineHeight": "{font.line-height.1200}",
"fontSize": "{font.font-size.900}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "48",
"paragraphIndent": "0",
"textDecoration": "none",
"textCase": "none"
}
}
}
},
"heading": {
"h1": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.900}",
"fontSize": "{font.font-size.700}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "36",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"medium": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.900}",
"fontSize": "{font.font-size.700}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "36",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"semi bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.semi-bold}",
"lineHeight": "{font.line-height.900}",
"fontSize": "{font.font-size.700}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "36",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.bold}",
"lineHeight": "{font.line-height.900}",
"fontSize": "{font.font-size.700}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "36",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
},
"h2": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.900}",
"fontSize": "{font.font-size.650}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "36",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"medium": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.900}",
"fontSize": "{font.font-size.650}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "36",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"semi bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.semi-bold}",
"lineHeight": "{font.line-height.900}",
"fontSize": "{font.font-size.650}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "36",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.bold}",
"lineHeight": "{font.line-height.900}",
"fontSize": "{font.font-size.650}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "36",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
},
"h3": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.800}",
"fontSize": "{font.font-size.600}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "32",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"medium": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.800}",
"fontSize": "{font.font-size.600}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "32",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"semi bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.semi-bold}",
"lineHeight": "{font.line-height.800}",
"fontSize": "{font.font-size.600}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "32",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.bold}",
"lineHeight": "{font.line-height.800}",
"fontSize": "{font.font-size.600}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "32",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
},
"h4": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.550}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"medium": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.550}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"semi bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.semi-bold}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.550}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.bold}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.550}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
},
"h5": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.500}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"medium": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.500}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"semi bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.semi-bold}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.500}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.bold}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.500}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
},
"h6": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.450}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"medium": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.450}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"semi bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.semi-bold}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.450}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.bold}",
"lineHeight": "{font.line-height.700}",
"fontSize": "{font.font-size.450}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "28",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
}
},
"body": {
"action": {
"lg": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.600}",
"fontSize": "{font.font-size.500}",
"letterSpacing": "{font.letter-spacing.1}",
"paragraphSpacing": "0",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"md": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.600}",
"fontSize": "{font.font-size.400}",
"letterSpacing": "{font.letter-spacing.1}",
"paragraphSpacing": "0",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"sm": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.500}",
"fontSize": "{font.font-size.350}",
"letterSpacing": "{font.letter-spacing.1}",
"paragraphSpacing": "0",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"xs": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.500}",
"fontSize": "{font.font-size.300}",
"letterSpacing": "{font.letter-spacing.1}",
"paragraphSpacing": "0",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
},
"lg": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.600}",
"fontSize": "{font.font-size.400}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "24",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"medium": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.600}",
"fontSize": "{font.font-size.400}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "24",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"semi bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.semi-bold}",
"lineHeight": "{font.line-height.600}",
"fontSize": "{font.font-size.400}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "24",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.bold}",
"lineHeight": "{font.line-height.600}",
"fontSize": "{font.font-size.400}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "24",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
},
"md": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.600}",
"fontSize": "{font.font-size.350}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "24",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"medium": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.600}",
"fontSize": "{font.font-size.350}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "24",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"semi bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.semi-bold}",
"lineHeight": "{font.line-height.600}",
"fontSize": "{font.font-size.350}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "24",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.bold}",
"lineHeight": "{font.line-height.600}",
"fontSize": "{font.font-size.350}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "24",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
},
"sm": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.500}",
"fontSize": "{font.font-size.300}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "20",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"medium": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.500}",
"fontSize": "{font.font-size.300}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "20",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"semi bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.semi-bold}",
"lineHeight": "{font.line-height.500}",
"fontSize": "{font.font-size.300}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "20",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
},
"bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.bold}",
"lineHeight": "{font.line-height.500}",
"fontSize": "{font.font-size.300}",
"letterSpacing": "{font.letter-spacing.0}",
"paragraphSpacing": "20",
"paragraphIndent": "0",
"textCase": "none",
"textDecoration": "none"
}
}
}
},
"overline": {
"regular": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.regular}",
"lineHeight": "{font.line-height.500}",
"fontSize": "{font.font-size.300}",
"letterSpacing": "{font.letter-spacing.2}",
"paragraphSpacing": "20",
"paragraphIndent": "0",
"textCase": "uppercase",
"textDecoration": "none"
}
},
"medium": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.medium}",
"lineHeight": "{font.line-height.500}",
"fontSize": "{font.font-size.300}",
"letterSpacing": "{font.letter-spacing.2}",
"paragraphSpacing": "20",
"paragraphIndent": "0",
"textCase": "uppercase",
"textDecoration": "none"
}
},
"semi bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.semi-bold}",
"lineHeight": "{font.line-height.500}",
"fontSize": "{font.font-size.300}",
"letterSpacing": "{font.letter-spacing.2}",
"paragraphSpacing": "20",
"paragraphIndent": "0",
"textCase": "uppercase",
"textDecoration": "none"
}
},
"bold": {
"$type": "typography",
"$value": {
"fontFamily": "{font.font-family.default}",
"fontWeight": "{font.font-weight.bold}",
"lineHeight": "{font.line-height.500}",
"fontSize": "{font.font-size.300}",
"letterSpacing": "{font.letter-spacing.2}",
"paragraphSpacing": "20",
"paragraphIndent": "0",
"textCase": "uppercase",
"textDecoration": "none"
}
}
}
}