Maersk brand tokens
Text large
Design token CSS variable name (--mds) | Value |
|---|---|
brand_typography_text_font-family --mds_brand_typography_text_font-family | Maersk Text |
brand_typography_text_font-family-fallback --mds_brand_typography_text_font-family-fallback | Arial-apple-systemBlinkMacSystemFontSegoe UIRobotoApple SD Gothic NeoMalgun GothicPingFang TCMicrosoft JhengHeiPingFang SCMicrosoft YaHeiHiragino Kaku Gothic ProNMeiryosans-serif |
brand_typography_text_large_desktop_font-size --mds_brand_typography_text_large_desktop_font-size | 18px |
brand_typography_text_large_desktop_line-height --mds_brand_typography_text_large_desktop_line-height | 28px |
brand_typography_text_large_mobile_font-size --mds_brand_typography_text_large_mobile_font-size | 18px |
brand_typography_text_large_mobile_line-height --mds_brand_typography_text_large_mobile_line-height | 28px |
brand_typography_text_large_normal_font-style --mds_brand_typography_text_large_normal_font-style | normal |
brand_typography_text_large_normal_font-weight --mds_brand_typography_text_large_normal_font-weight | 400 |
brand_typography_text_large_light_font-style --mds_brand_typography_text_large_light_font-style | normal |
brand_typography_text_large_light_font-weight --mds_brand_typography_text_large_light_font-weight | 300 |
brand_typography_text_large_medium_font-style --mds_brand_typography_text_large_medium_font-style | normal |
brand_typography_text_large_medium_font-weight --mds_brand_typography_text_large_medium_font-weight | 500 |
brand_typography_text_large_semibold_font-style --mds_brand_typography_text_large_semibold_font-style | normal |
brand_typography_text_large_semibold_font-weight --mds_brand_typography_text_large_semibold_font-weight | 600 |
brand_typography_text_large_bold_font-style --mds_brand_typography_text_large_bold_font-style | normal |
brand_typography_text_large_bold_font-weight --mds_brand_typography_text_large_bold_font-weight | 700 |
brand_typography_text_large_italic_font-style --mds_brand_typography_text_large_italic_font-style | italic |
brand_typography_text_large_italic_font-weight --mds_brand_typography_text_large_italic_font-weight | 400 |
brand_typography_text_large_lightitalic_font-style --mds_brand_typography_text_large_lightitalic_font-style | italic |
brand_typography_text_large_lightitalic_font-weight --mds_brand_typography_text_large_lightitalic_font-weight | 300 |
brand_typography_text_large_mediumitalic_font-style --mds_brand_typography_text_large_mediumitalic_font-style | italic |
brand_typography_text_large_mediumitalic_font-weight --mds_brand_typography_text_large_mediumitalic_font-weight | 500 |
brand_typography_text_large_semibolditalic_font-style --mds_brand_typography_text_large_semibolditalic_font-style | italic |
brand_typography_text_large_semibolditalic_font-weight --mds_brand_typography_text_large_semibolditalic_font-weight | 600 |
brand_typography_text_large_bolditalic_font-style --mds_brand_typography_text_large_bolditalic_font-style | italic |
brand_typography_text_large_bolditalic_font-weight --mds_brand_typography_text_large_bolditalic_font-weight | 700 |
Text medium
Design token CSS variable name (--mds) | Value |
|---|---|
brand_typography_text_font-family --mds_brand_typography_text_font-family | Maersk Text |
brand_typography_text_font-family-fallback --mds_brand_typography_text_font-family-fallback | Arial-apple-systemBlinkMacSystemFontSegoe UIRobotoApple SD Gothic NeoMalgun GothicPingFang TCMicrosoft JhengHeiPingFang SCMicrosoft YaHeiHiragino Kaku Gothic ProNMeiryosans-serif |
brand_typography_text_medium_desktop_font-size --mds_brand_typography_text_medium_desktop_font-size | 16px |
brand_typography_text_medium_desktop_line-height --mds_brand_typography_text_medium_desktop_line-height | 24px |
brand_typography_text_medium_mobile_font-size --mds_brand_typography_text_medium_mobile_font-size | 16px |
brand_typography_text_medium_mobile_line-height --mds_brand_typography_text_medium_mobile_line-height | 24px |
brand_typography_text_medium_normal_font-style --mds_brand_typography_text_medium_normal_font-style | normal |
brand_typography_text_medium_normal_font-weight --mds_brand_typography_text_medium_normal_font-weight | 400 |
brand_typography_text_medium_light_font-style --mds_brand_typography_text_medium_light_font-style | normal |
brand_typography_text_medium_light_font-weight --mds_brand_typography_text_medium_light_font-weight | 300 |
brand_typography_text_medium_medium_font-style --mds_brand_typography_text_medium_medium_font-style | normal |
brand_typography_text_medium_medium_font-weight --mds_brand_typography_text_medium_medium_font-weight | 500 |
brand_typography_text_medium_semibold_font-style --mds_brand_typography_text_medium_semibold_font-style | normal |
brand_typography_text_medium_semibold_font-weight --mds_brand_typography_text_medium_semibold_font-weight | 600 |
brand_typography_text_medium_bold_font-style --mds_brand_typography_text_medium_bold_font-style | normal |
brand_typography_text_medium_bold_font-weight --mds_brand_typography_text_medium_bold_font-weight | 700 |
brand_typography_text_medium_italic_font-style --mds_brand_typography_text_medium_italic_font-style | italic |
brand_typography_text_medium_italic_font-weight --mds_brand_typography_text_medium_italic_font-weight | 400 |
brand_typography_text_medium_lightitalic_font-style --mds_brand_typography_text_medium_lightitalic_font-style | italic |
brand_typography_text_medium_lightitalic_font-weight --mds_brand_typography_text_medium_lightitalic_font-weight | 300 |
brand_typography_text_medium_mediumitalic_font-style --mds_brand_typography_text_medium_mediumitalic_font-style | italic |
brand_typography_text_medium_mediumitalic_font-weight --mds_brand_typography_text_medium_mediumitalic_font-weight | 500 |
brand_typography_text_medium_semibolditalic_font-style --mds_brand_typography_text_medium_semibolditalic_font-style | italic |
brand_typography_text_medium_semibolditalic_font-weight --mds_brand_typography_text_medium_semibolditalic_font-weight | 600 |
brand_typography_text_medium_bolditalic_font-style --mds_brand_typography_text_medium_bolditalic_font-style | italic |
brand_typography_text_medium_bolditalic_font-weight --mds_brand_typography_text_medium_bolditalic_font-weight | 700 |
Text small
Design token CSS variable name (--mds) | Value |
|---|---|
brand_typography_text_font-family --mds_brand_typography_text_font-family | Maersk Text |
brand_typography_text_font-family-fallback --mds_brand_typography_text_font-family-fallback | Arial-apple-systemBlinkMacSystemFontSegoe UIRobotoApple SD Gothic NeoMalgun GothicPingFang TCMicrosoft JhengHeiPingFang SCMicrosoft YaHeiHiragino Kaku Gothic ProNMeiryosans-serif |
brand_typography_text_small_desktop_font-size --mds_brand_typography_text_small_desktop_font-size | 14px |
brand_typography_text_small_desktop_line-height --mds_brand_typography_text_small_desktop_line-height | 20px |
brand_typography_text_small_mobile_font-size --mds_brand_typography_text_small_mobile_font-size | 14px |
brand_typography_text_small_mobile_line-height --mds_brand_typography_text_small_mobile_line-height | 20px |
brand_typography_text_small_normal_font-style --mds_brand_typography_text_small_normal_font-style | normal |
brand_typography_text_small_normal_font-weight --mds_brand_typography_text_small_normal_font-weight | 400 |
brand_typography_text_small_light_font-style --mds_brand_typography_text_small_light_font-style | normal |
brand_typography_text_small_light_font-weight --mds_brand_typography_text_small_light_font-weight | 300 |
brand_typography_text_small_medium_font-style --mds_brand_typography_text_small_medium_font-style | normal |
brand_typography_text_small_medium_font-weight --mds_brand_typography_text_small_medium_font-weight | 500 |
brand_typography_text_small_semibold_font-style --mds_brand_typography_text_small_semibold_font-style | normal |
brand_typography_text_small_semibold_font-weight --mds_brand_typography_text_small_semibold_font-weight | 600 |
brand_typography_text_small_bold_font-style --mds_brand_typography_text_small_bold_font-style | normal |
brand_typography_text_small_bold_font-weight --mds_brand_typography_text_small_bold_font-weight | 700 |
brand_typography_text_small_italic_font-style --mds_brand_typography_text_small_italic_font-style | italic |
brand_typography_text_small_italic_font-weight --mds_brand_typography_text_small_italic_font-weight | 400 |
brand_typography_text_small_lightitalic_font-style --mds_brand_typography_text_small_lightitalic_font-style | italic |
brand_typography_text_small_lightitalic_font-weight --mds_brand_typography_text_small_lightitalic_font-weight | 300 |
brand_typography_text_small_mediumitalic_font-style --mds_brand_typography_text_small_mediumitalic_font-style | italic |
brand_typography_text_small_mediumitalic_font-weight --mds_brand_typography_text_small_mediumitalic_font-weight | 500 |
brand_typography_text_small_semibolditalic_font-style --mds_brand_typography_text_small_semibolditalic_font-style | italic |
brand_typography_text_small_semibolditalic_font-weight --mds_brand_typography_text_small_semibolditalic_font-weight | 600 |
brand_typography_text_small_bolditalic_font-style --mds_brand_typography_text_small_bolditalic_font-style | italic |
brand_typography_text_small_bolditalic_font-weight --mds_brand_typography_text_small_bolditalic_font-weight | 700 |
Text x-small
Design token CSS variable name (--mds) | Value |
|---|---|
brand_typography_text_font-family --mds_brand_typography_text_font-family | Maersk Text |
brand_typography_text_font-family-fallback --mds_brand_typography_text_font-family-fallback | Arial-apple-systemBlinkMacSystemFontSegoe UIRobotoApple SD Gothic NeoMalgun GothicPingFang TCMicrosoft JhengHeiPingFang SCMicrosoft YaHeiHiragino Kaku Gothic ProNMeiryosans-serif |
brand_typography_text_x-small_desktop_font-size --mds_brand_typography_text_x-small_desktop_font-size | 12px |
brand_typography_text_x-small_desktop_line-height --mds_brand_typography_text_x-small_desktop_line-height | 16px |
brand_typography_text_x-small_mobile_font-size --mds_brand_typography_text_x-small_mobile_font-size | 12px |
brand_typography_text_x-small_mobile_line-height --mds_brand_typography_text_x-small_mobile_line-height | 16px |
brand_typography_text_x-small_normal_font-style --mds_brand_typography_text_x-small_normal_font-style | normal |
brand_typography_text_x-small_normal_font-weight --mds_brand_typography_text_x-small_normal_font-weight | 400 |
brand_typography_text_x-small_light_font-style --mds_brand_typography_text_x-small_light_font-style | normal |
brand_typography_text_x-small_light_font-weight --mds_brand_typography_text_x-small_light_font-weight | 300 |
brand_typography_text_x-small_medium_font-style --mds_brand_typography_text_x-small_medium_font-style | normal |
brand_typography_text_x-small_medium_font-weight --mds_brand_typography_text_x-small_medium_font-weight | 500 |
brand_typography_text_x-small_semibold_font-style --mds_brand_typography_text_x-small_semibold_font-style | normal |
brand_typography_text_x-small_semibold_font-weight --mds_brand_typography_text_x-small_semibold_font-weight | 600 |
brand_typography_text_x-small_bold_font-style --mds_brand_typography_text_x-small_bold_font-style | normal |
brand_typography_text_x-small_bold_font-weight --mds_brand_typography_text_x-small_bold_font-weight | 700 |
brand_typography_text_x-small_italic_font-style --mds_brand_typography_text_x-small_italic_font-style | italic |
brand_typography_text_x-small_italic_font-weight --mds_brand_typography_text_x-small_italic_font-weight | 400 |
brand_typography_text_x-small_lightitalic_font-style --mds_brand_typography_text_x-small_lightitalic_font-style | italic |
brand_typography_text_x-small_lightitalic_font-weight --mds_brand_typography_text_x-small_lightitalic_font-weight | 300 |
brand_typography_text_x-small_mediumitalic_font-style --mds_brand_typography_text_x-small_mediumitalic_font-style | italic |
brand_typography_text_x-small_mediumitalic_font-weight --mds_brand_typography_text_x-small_mediumitalic_font-weight | 500 |
brand_typography_text_x-small_semibolditalic_font-style --mds_brand_typography_text_x-small_semibolditalic_font-style | italic |
brand_typography_text_x-small_semibolditalic_font-weight --mds_brand_typography_text_x-small_semibolditalic_font-weight | 600 |
brand_typography_text_x-small_bolditalic_font-style --mds_brand_typography_text_x-small_bolditalic_font-style | italic |
brand_typography_text_x-small_bolditalic_font-weight --mds_brand_typography_text_x-small_bolditalic_font-weight | 700 |