jellyfish_designtokens
Version:
Ultimate design tokens from Jelly Fish Design System
327 lines • 13.4 kB
JSON
{
"jf": {
"typography": {
"display": {
"lg": {
"value": {
"fontFamily": "{jf.font.family.display}",
"fontWeight": "{jf.font.weight.display}",
"lineHeight": "{jf.font.line-height.display.lg}",
"fontSize": "{jf.font.size.display.lg.max}rem",
"letterSpacing": "{jf.font.letter-spacing.display.lg}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.display}"
},
"type": "typography"
},
"md": {
"value": {
"fontFamily": "{jf.font.family.display}",
"fontWeight": "{jf.font.weight.display}",
"lineHeight": "{jf.font.line-height.display.md}",
"fontSize": "{jf.font.size.display.md.max}rem",
"letterSpacing": "{jf.font.letter-spacing.display.md}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.display}"
},
"type": "typography"
},
"sm": {
"value": {
"fontFamily": "{jf.font.family.display}",
"fontWeight": "{jf.font.weight.display}",
"lineHeight": "{jf.font.line-height.display.sm}",
"fontSize": "{jf.font.size.display.sm.max}rem",
"letterSpacing": "{jf.font.letter-spacing.display.sm}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.display}"
},
"type": "typography"
}
},
"title": {
"lg": {
"value": {
"fontFamily": "{jf.font.family.title}",
"fontWeight": "{jf.font.weight.title}",
"lineHeight": "{jf.font.line-height.headline.lg}",
"fontSize": "{jf.font.size.headline.lg.max}rem",
"letterSpacing": "{jf.font.letter-spacing.headline.lg}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.title}"
},
"type": "typography"
},
"md": {
"value": {
"fontFamily": "{jf.font.family.title}",
"fontWeight": "{jf.font.weight.title}",
"lineHeight": "{jf.font.line-height.headline.md}",
"fontSize": "{jf.font.size.headline.md.max}rem",
"letterSpacing": "{jf.font.letter-spacing.headline.md}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.title}"
},
"type": "typography"
},
"sm": {
"value": {
"fontFamily": "{jf.font.family.title}",
"fontWeight": "{jf.font.weight.title}",
"lineHeight": "{jf.font.line-height.headline.sm}",
"fontSize": "{jf.font.size.headline.sm.max}rem",
"letterSpacing": "{jf.font.letter-spacing.headline.sm}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.title}"
},
"type": "typography"
}
},
"label": {
"lg": {
"value": {
"fontFamily": "{jf.font.family.label}",
"fontWeight": "{jf.font.weight.label}",
"lineHeight": "{jf.font.line-height.label.lg}",
"fontSize": "{jf.font.size.label.lg}",
"letterSpacing": "{jf.font.letter-spacing.label.lg}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.label}"
},
"type": "typography"
},
"md": {
"value": {
"fontFamily": "{jf.font.family.label}",
"fontWeight": "{jf.font.weight.label}",
"lineHeight": "{jf.font.line-height.label.md}",
"fontSize": "{jf.font.size.label.md}",
"letterSpacing": "{jf.font.letter-spacing.label.md}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.label}"
},
"type": "typography"
},
"sm": {
"value": {
"fontFamily": "{jf.font.family.label}",
"fontWeight": "{jf.font.weight.label}",
"lineHeight": "{jf.font.line-height.label.sm}",
"fontSize": "{jf.font.size.label.sm}",
"letterSpacing": "{jf.font.letter-spacing.label.sm}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.label}"
},
"type": "typography"
}
},
"subtitle": {
"lg": {
"value": {
"fontFamily": "{jf.font.family.subtitle}",
"fontWeight": "{jf.font.weight.subtitle}",
"lineHeight": "{jf.font.line-height.headline.md}",
"fontSize": "{jf.font.size.headline.lg.max}rem",
"letterSpacing": "{jf.font.letter-spacing.headline.md}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.subtitle}"
},
"type": "typography"
},
"md": {
"value": {
"fontFamily": "{jf.font.family.subtitle}",
"fontWeight": "{jf.font.weight.subtitle}",
"lineHeight": "{jf.font.line-height.headline.sm}",
"fontSize": "{jf.font.size.headline.md.max}rem",
"letterSpacing": "{jf.font.letter-spacing.headline.sm}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.subtitle}"
},
"type": "typography"
},
"sm": {
"value": {
"fontFamily": "{jf.font.family.title}",
"fontWeight": "{jf.font.weight.subtitle}",
"lineHeight": "{jf.font.line-height.headline.sm}",
"fontSize": "{jf.font.size.headline.sm.max}rem",
"letterSpacing": "{jf.font.letter-spacing.headline.sm}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.title}"
},
"type": "typography"
}
},
"body": {
"regular": {
"lg": {
"value": {
"fontWeight": "{jf.font.weight.body-regular}",
"fontFamily": "{jf.font.family.body}",
"lineHeight": "{jf.font.line-height.body.lg}",
"fontSize": "{jf.font.size.body.lg}",
"letterSpacing": "{jf.font.letter-spacing.body.lg}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.lg}",
"textCase": "{jf.font.case.body}",
"textDecoration": "none"
},
"type": "typography"
},
"md": {
"value": {
"fontWeight": "{jf.font.weight.body-regular}",
"fontFamily": "{jf.font.family.body}",
"lineHeight": "{jf.font.line-height.body.md}",
"fontSize": "{jf.font.size.body.md}",
"letterSpacing": "{jf.font.letter-spacing.body.md}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.md}",
"textCase": "{jf.font.case.body}",
"textDecoration": "none"
},
"type": "typography"
},
"sm": {
"value": {
"fontWeight": "{jf.font.weight.body-regular}",
"fontFamily": "{jf.font.family.body}",
"lineHeight": "{jf.font.line-height.body.sm}",
"fontSize": "{jf.font.size.body.sm}",
"letterSpacing": "{jf.font.letter-spacing.body.sm}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.sm}",
"textCase": "{jf.font.case.body}",
"textDecoration": "none"
},
"type": "typography"
}
},
"medium": {
"lg": {
"value": {
"fontWeight": "{jf.font.weight.body-medium}",
"fontFamily": "{jf.font.family.body}",
"lineHeight": "{jf.font.line-height.body.lg}",
"fontSize": "{jf.font.size.body.lg}",
"letterSpacing": "{jf.font.letter-spacing.body.lg}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.lg}",
"textCase": "{jf.font.case.body}"
},
"type": "typography"
},
"md": {
"value": {
"fontWeight": "{jf.font.weight.body-medium}",
"fontFamily": "{jf.font.family.body}",
"lineHeight": "{jf.font.line-height.body.md}",
"fontSize": "{jf.font.size.body.md}",
"letterSpacing": "{jf.font.letter-spacing.body.md}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.md}",
"textCase": "{jf.font.case.body}"
},
"type": "typography"
},
"sm": {
"value": {
"fontWeight": "{jf.font.weight.body-medium}",
"fontFamily": "{jf.font.family.body}",
"lineHeight": "{jf.font.line-height.body.sm}",
"fontSize": "{jf.font.size.body.sm}",
"letterSpacing": "{jf.font.letter-spacing.body.sm}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.sm}",
"textCase": "{jf.font.case.body}"
},
"type": "typography"
}
},
"bold": {
"lg": {
"value": {
"fontWeight": "{jf.font.weight.body-bold}",
"fontFamily": "{jf.font.family.body}",
"lineHeight": "{jf.font.line-height.body.lg}",
"fontSize": "{jf.font.size.body.lg}",
"letterSpacing": "{jf.font.letter-spacing.body.lg}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.lg}",
"textCase": "{jf.font.case.body}"
},
"type": "typography"
},
"md": {
"value": {
"fontWeight": "{jf.font.weight.body-bold}",
"fontFamily": "{jf.font.family.body}",
"lineHeight": "{jf.font.line-height.body.md}",
"fontSize": "{jf.font.size.body.md}",
"letterSpacing": "{jf.font.letter-spacing.body.md}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.md}",
"textCase": "{jf.font.case.body}"
},
"type": "typography"
},
"sm": {
"value": {
"fontWeight": "{jf.font.weight.body-bold}",
"fontFamily": "{jf.font.family.body}",
"lineHeight": "{jf.font.line-height.body.sm}",
"fontSize": "{jf.font.size.body.sm}",
"letterSpacing": "{jf.font.letter-spacing.body.sm}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.sm}",
"textCase": "{jf.font.case.body}"
},
"type": "typography"
}
}
},
"code": {
"value": {
"fontWeight": "{jf.font.weight.body-regular}",
"fontFamily": "{jf.font.family.code}",
"lineHeight": "{jf.font.line-height.body.md}",
"fontSize": "{jf.font.size.body.md}",
"letterSpacing": "{jf.font.letter-spacing.body.md}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.md}",
"textCase": "{jf.font.case.body}"
},
"type": "typography"
},
"navigation": {
"lg": {
"value": {
"fontFamily": "{jf.font.family.navigation}",
"fontWeight": "{jf.font.weight.navigation}",
"lineHeight": "{jf.font.line-height.label.lg}",
"fontSize": "{jf.font.size.label.lg}",
"letterSpacing": "{jf.font.letter-spacing.label.lg}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.navigation}"
},
"type": "typography"
},
"md": {
"value": {
"fontFamily": "{jf.font.family.navigation}",
"fontWeight": "{jf.font.weight.navigation}",
"lineHeight": "{jf.font.line-height.label.md}",
"fontSize": "{jf.font.size.label.md}",
"letterSpacing": "{jf.font.letter-spacing.label.md}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.navigation}"
},
"type": "typography"
},
"sm": {
"value": {
"fontFamily": "{jf.font.family.navigation}",
"fontWeight": "{jf.font.weight.navigation}",
"lineHeight": "{jf.font.line-height.label.sm}",
"fontSize": "{jf.font.size.label.sm}",
"letterSpacing": "{jf.font.letter-spacing.label.sm}",
"paragraphSpacing": "{jf.spacing.margin.paragraph.none}",
"textCase": "{jf.font.case.navigation}"
},
"type": "typography"
}
}
}
}
}