Skip to content
Site volume
Colourway

Tokens

Type tokens

The 129 type tokens with their values in the current look.

129 of 129 tokens

Type tokens
TokenValue in this lookVaries byIn codeDescription
--mk-font-displayfont.display"Arial Black", Impact, sans-serifvoice
Tailwind
font-display
TS
CSS only (MkVar)
Swift
Not in Swift
The display family.
--mk-font-display-italicfont.display.italic"Arial Black", Impact, sans-serifvoice
Tailwind
font-display-italic
TS
CSS only (MkVar)
Swift
Not in Swift
The display italic family.
--mk-font-textfont.textui-sans-serif, system-ui, sans-serifvoice
Tailwind
font-text
TS
CSS only (MkVar)
Swift
Not in Swift
The text family.
--mk-font-text-italicfont.text.italicui-sans-serif, system-ui, sans-serifvoice
Tailwind
font-text-italic
TS
CSS only (MkVar)
Swift
Not in Swift
The text italic family.
--mk-font-letterfont.letterui-rounded, sans-serifvoice
Tailwind
font-letter
TS
CSS only (MkVar)
Swift
Not in Swift
The letter family.
--mk-font-codefont.codeui-monospace, monospacevoice
Tailwind
font-code
TS
CSS only (MkVar)
Swift
Not in Swift
The code family.
--mk-display-familydisplay.familyvar(--mk-font-display)voice
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
The display family of the current voice (upright or italic).
--mk-type-lede-sizetype.lede.sizeclamp(1.25rem, 1.1571rem + 0.381vw, 1.5rem)volume
Tailwind
text-lede
TS
CSS only (MkVar)
Swift
MakrTokens.Text.lede.size
Font size of the lede text role.
--mk-type-statement-sizetype.statement.sizeclamp(1.375rem, 1.2357rem + 0.571vw, 1.875rem)volume
Tailwind
text-statement
TS
CSS only (MkVar)
Swift
MakrTokens.Text.statement.size
Font size of the statement text role.
--mk-type-body-sizetype.body.size1.125remvolume
Tailwind
text-body
TS
CSS only (MkVar)
Swift
MakrTokens.Text.body.size
Font size of the body text role.
--mk-type-body-ui-sizetype.body.ui.size1remvolume
Tailwind
text-body-ui
TS
CSS only (MkVar)
Swift
MakrTokens.Text.bodyUi.size
Font size of the body ui text role.
--mk-type-meta-sizetype.meta.size1remvolume
Tailwind
text-meta
TS
CSS only (MkVar)
Swift
MakrTokens.Text.meta.size
Font size of the meta text role.
--mk-type-row-title-sizetype.row.title.size1.125remvolume
Tailwind
text-row-title
TS
CSS only (MkVar)
Swift
MakrTokens.Text.rowTitle.size
Font size of the row title text role.
--mk-type-field-label-sizetype.field.label.size1remvolume
Tailwind
text-field-label
TS
CSS only (MkVar)
Swift
MakrTokens.Text.fieldLabel.size
Font size of the field label text role.
--mk-type-label-sizetype.label.size0.875remvolume
Tailwind
text-label
TS
CSS only (MkVar)
Swift
MakrTokens.Text.label.size
Font size of the label text role.
--mk-type-control-sm-sizetype.control.sm.size1remvolume
Tailwind
text-control-sm
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlSm.size
Font size of the control sm text role.
--mk-type-control-md-sizetype.control.md.size1.0625remvolume
Tailwind
text-control-md
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlMd.size
Font size of the control md text role.
--mk-type-control-lg-sizetype.control.lg.size1.125remvolume
Tailwind
text-control-lg
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlLg.size
Font size of the control lg text role.
--mk-type-nav-sizetype.nav.size1remvolume
Tailwind
text-nav
TS
CSS only (MkVar)
Swift
MakrTokens.Text.nav.size
Font size of the nav text role.
--mk-type-code-sizetype.code.size1remvolume
Tailwind
text-code
TS
CSS only (MkVar)
Swift
MakrTokens.Text.code.size
Font size of the code text role.
--mk-type-letter-balloon-sizetype.letter.balloon.size1remvolume
Tailwind
text-letter-balloon
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterBalloon.size
Font size of the letter balloon text role.
--mk-type-letter-caption-sizetype.letter.caption.size1remvolume
Tailwind
text-letter-caption
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterCaption.size
Font size of the letter caption text role.
--mk-type-letter-shout-sizetype.letter.shout.size1.3125remvolume
Tailwind
text-letter-shout
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterShout.size
Font size of the letter shout text role.
--mk-type-letter-whisper-sizetype.letter.whisper.size1remvolume
Tailwind
text-letter-whisper
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterWhisper.size
Font size of the letter whisper text role.
--mk-type-letter-note-sizetype.letter.note.size1remvolume
Tailwind
text-letter-note
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterNote.size
Font size of the letter note text role.
--mk-type-display-sizetype.display.sizeclamp(3rem, 2.0714rem + 3.81vw, 6.5rem)volume
Tailwind
text-display
TS
CSS only (MkVar)
Swift
MakrTokens.Display.display.size
Font size of the display text role.
--mk-type-head-section-sizetype.head.section.sizeclamp(2rem, 1.675rem + 1.333vw, 3.25rem)volume
Tailwind
text-head-section
TS
CSS only (MkVar)
Swift
MakrTokens.Display.headSection.size
Font size of the head section text role.
--mk-type-head-card-sizetype.head.card.sizeclamp(1.5rem, 1.3607rem + 0.571vw, 2rem)volume
Tailwind
text-head-card
TS
CSS only (MkVar)
Swift
MakrTokens.Display.headCard.size
Font size of the head card text role.
--mk-type-kicker-sizetype.kicker.sizeclamp(1.5rem, 1.3607rem + 0.571vw, 2rem)volume
Tailwind
text-kicker
TS
CSS only (MkVar)
Swift
MakrTokens.Display.kicker.size
Font size of the kicker text role.
--mk-type-numeral-xl-sizetype.numeral.xl.sizeclamp(3.5rem, 2.9429rem + 2.2857vw, 5.5rem)volume
Tailwind
text-numeral-xl
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralXl.size
Font size of the numeral xl text role.
--mk-type-numeral-l-sizetype.numeral.l.sizeclamp(2.75rem, 2.5179rem + 0.9524vw, 3.625rem)volume
Tailwind
text-numeral-l
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralL.size
Font size of the numeral l text role.
--mk-type-numeral-m-sizetype.numeral.m.sizeclamp(2rem, 1.9071rem + 0.381vw, 2.25rem)volume
Tailwind
text-numeral-m
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralM.size
Font size of the numeral m text role.
--mk-type-numeral-s-sizetype.numeral.s.size1.5remvolume
Tailwind
text-numeral-s
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralS.size
Font size of the numeral s text role.
--mk-type-sfx-sizetype.sfx.sizeclamp(3.5rem, 2.2rem + 5.333vw, 8rem)volume
Tailwind
text-sfx
TS
CSS only (MkVar)
Swift
MakrTokens.Display.sfx.size
Font size of the sfx text role.
--mk-type-wordmark-sizetype.wordmark.size1.3125remvolume
Tailwind
text-wordmark
TS
CSS only (MkVar)
Swift
MakrTokens.Display.wordmark.size
Font size of the wordmark text role.
--mk-type-lede-leadingtype.lede.leading1.4nothing
Tailwind
text-lede--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.lede.leading
Line height of the lede text role.
--mk-type-statement-leadingtype.statement.leading1.3nothing
Tailwind
text-statement--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.statement.leading
Line height of the statement text role.
--mk-type-body-leadingtype.body.leading1.55nothing
Tailwind
text-body--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.body.leading
Line height of the body text role.
--mk-type-body-ui-leadingtype.body.ui.leading1.5nothing
Tailwind
text-body-ui--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.bodyUi.leading
Line height of the body ui text role.
--mk-type-meta-leadingtype.meta.leading1.4nothing
Tailwind
text-meta--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.meta.leading
Line height of the meta text role.
--mk-type-row-title-leadingtype.row.title.leading1.3nothing
Tailwind
text-row-title--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.rowTitle.leading
Line height of the row title text role.
--mk-type-field-label-leadingtype.field.label.leading1.3nothing
Tailwind
text-field-label--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.fieldLabel.leading
Line height of the field label text role.
--mk-type-label-leadingtype.label.leading1.3nothing
Tailwind
text-label--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.label.leading
Line height of the label text role.
--mk-type-control-sm-leadingtype.control.sm.leading1nothing
Tailwind
text-control-sm--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlSm.leading
Line height of the control sm text role.
--mk-type-control-md-leadingtype.control.md.leading1nothing
Tailwind
text-control-md--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlMd.leading
Line height of the control md text role.
--mk-type-control-lg-leadingtype.control.lg.leading1nothing
Tailwind
text-control-lg--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlLg.leading
Line height of the control lg text role.
--mk-type-nav-leadingtype.nav.leading1nothing
Tailwind
text-nav--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.nav.leading
Line height of the nav text role.
--mk-type-code-leadingtype.code.leading1.6nothing
Tailwind
text-code--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.code.leading
Line height of the code text role.
--mk-type-letter-balloon-leadingtype.letter.balloon.leading1.42nothing
Tailwind
text-letter-balloon--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterBalloon.leading
Line height of the letter balloon text role.
--mk-type-letter-caption-leadingtype.letter.caption.leading1.5nothing
Tailwind
text-letter-caption--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterCaption.leading
Line height of the letter caption text role.
--mk-type-letter-shout-leadingtype.letter.shout.leading1.1nothing
Tailwind
text-letter-shout--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterShout.leading
Line height of the letter shout text role.
--mk-type-letter-whisper-leadingtype.letter.whisper.leading1.42nothing
Tailwind
text-letter-whisper--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterWhisper.leading
Line height of the letter whisper text role.
--mk-type-letter-note-leadingtype.letter.note.leading1.4nothing
Tailwind
text-letter-note--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterNote.leading
Line height of the letter note text role.
--mk-type-display-leadingtype.display.leading0.9nothing
Tailwind
text-display--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Display.display.leading
Line height of the display text role.
--mk-type-head-section-leadingtype.head.section.leading1nothing
Tailwind
text-head-section--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Display.headSection.leading
Line height of the head section text role.
--mk-type-head-card-leadingtype.head.card.leading1.05nothing
Tailwind
text-head-card--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Display.headCard.leading
Line height of the head card text role.
--mk-type-kicker-leadingtype.kicker.leading1.1nothing
Tailwind
text-kicker--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Display.kicker.leading
Line height of the kicker text role.
--mk-type-numeral-xl-leadingtype.numeral.xl.leading0.9nothing
Tailwind
text-numeral-xl--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralXl.leading
Line height of the numeral xl text role.
--mk-type-numeral-l-leadingtype.numeral.l.leading0.9nothing
Tailwind
text-numeral-l--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralL.leading
Line height of the numeral l text role.
--mk-type-numeral-m-leadingtype.numeral.m.leading0.95nothing
Tailwind
text-numeral-m--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralM.leading
Line height of the numeral m text role.
--mk-type-numeral-s-leadingtype.numeral.s.leading1nothing
Tailwind
text-numeral-s--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralS.leading
Line height of the numeral s text role.
--mk-type-sfx-leadingtype.sfx.leading0.85nothing
Tailwind
text-sfx--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Display.sfx.leading
Line height of the sfx text role.
--mk-type-wordmark-leadingtype.wordmark.leading1nothing
Tailwind
text-wordmark--line-height
TS
CSS only (MkVar)
Swift
MakrTokens.Display.wordmark.leading
Line height of the wordmark text role.
--mk-type-lede-trackingtype.lede.tracking-0.005emvoice
Tailwind
text-lede--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.lede.tracking
Letter spacing of the lede text role.
--mk-type-statement-trackingtype.statement.tracking-0.01emvoice
Tailwind
text-statement--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.statement.tracking
Letter spacing of the statement text role.
--mk-type-body-trackingtype.body.tracking0voice
Tailwind
text-body--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.body.tracking
Letter spacing of the body text role.
--mk-type-body-ui-trackingtype.body.ui.tracking0voice
Tailwind
text-body-ui--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.bodyUi.tracking
Letter spacing of the body ui text role.
--mk-type-meta-trackingtype.meta.tracking0voice
Tailwind
text-meta--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.meta.tracking
Letter spacing of the meta text role.
--mk-type-row-title-trackingtype.row.title.tracking-0.005emvoice
Tailwind
text-row-title--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.rowTitle.tracking
Letter spacing of the row title text role.
--mk-type-field-label-trackingtype.field.label.tracking0voice
Tailwind
text-field-label--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.fieldLabel.tracking
Letter spacing of the field label text role.
--mk-type-label-trackingtype.label.tracking0voice
Tailwind
text-label--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.label.tracking
Letter spacing of the label text role.
--mk-type-control-sm-trackingtype.control.sm.tracking0.005emvoice
Tailwind
text-control-sm--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlSm.tracking
Letter spacing of the control sm text role.
--mk-type-control-md-trackingtype.control.md.tracking0.005emvoice
Tailwind
text-control-md--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlMd.tracking
Letter spacing of the control md text role.
--mk-type-control-lg-trackingtype.control.lg.tracking0.005emvoice
Tailwind
text-control-lg--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlLg.tracking
Letter spacing of the control lg text role.
--mk-type-nav-trackingtype.nav.tracking0voice
Tailwind
text-nav--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.nav.tracking
Letter spacing of the nav text role.
--mk-type-code-trackingtype.code.tracking0voice
Tailwind
text-code--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.code.tracking
Letter spacing of the code text role.
--mk-type-letter-balloon-trackingtype.letter.balloon.tracking0.02emvoice
Tailwind
text-letter-balloon--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterBalloon.tracking
Letter spacing of the letter balloon text role.
--mk-type-letter-caption-trackingtype.letter.caption.tracking0.02emvoice
Tailwind
text-letter-caption--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterCaption.tracking
Letter spacing of the letter caption text role.
--mk-type-letter-shout-trackingtype.letter.shout.tracking0.02emvoice
Tailwind
text-letter-shout--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterShout.tracking
Letter spacing of the letter shout text role.
--mk-type-letter-whisper-trackingtype.letter.whisper.tracking0.03emvoice
Tailwind
text-letter-whisper--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterWhisper.tracking
Letter spacing of the letter whisper text role.
--mk-type-letter-note-trackingtype.letter.note.tracking0.03emvoice
Tailwind
text-letter-note--letter-spacing
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterNote.tracking
Letter spacing of the letter note text role.
--mk-track-displaytrack.display-0.016emvoice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.display.standard.tracking
Letter spacing of the display display role in the current voice.
--mk-track-head-sectiontrack.head.section-0.01emvoice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.headSection.standard.tracking
Letter spacing of the head section display role in the current voice.
--mk-track-head-cardtrack.head.card-0.01emvoice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.headCard.standard.tracking
Letter spacing of the head card display role in the current voice.
--mk-track-kickertrack.kicker0voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.kicker.standard.tracking
Letter spacing of the kicker display role in the current voice.
--mk-track-numeral-xltrack.numeral.xl-0.02emvoice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralXl.standard.tracking
Letter spacing of the numeral xl display role in the current voice.
--mk-track-numeral-ltrack.numeral.l0voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralL.standard.tracking
Letter spacing of the numeral l display role in the current voice.
--mk-track-numeral-mtrack.numeral.m0voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralM.standard.tracking
Letter spacing of the numeral m display role in the current voice.
--mk-track-numeral-strack.numeral.s0voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralS.standard.tracking
Letter spacing of the numeral s display role in the current voice.
--mk-track-sfxtrack.sfx-0.01emvoice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.sfx.standard.tracking
Letter spacing of the sfx display role in the current voice.
--mk-track-wordmarktrack.wordmark-0.005emvoice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.wordmark.standard.tracking
Letter spacing of the wordmark display role in the current voice.
--mk-type-lede-weighttype.lede.weight450voicevolume
Tailwind
text-lede--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.lede.weight
Weight of the lede text role.
--mk-type-statement-weighttype.statement.weight600voicevolume
Tailwind
text-statement--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.statement.weight
Weight of the statement text role.
--mk-type-body-weighttype.body.weight420voicevolume
Tailwind
text-body--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.body.weight
Weight of the body text role.
--mk-type-body-ui-weighttype.body.ui.weight450voicevolume
Tailwind
text-body-ui--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.bodyUi.weight
Weight of the body ui text role.
--mk-type-meta-weighttype.meta.weight500voicevolume
Tailwind
text-meta--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.meta.weight
Weight of the meta text role.
--mk-type-row-title-weighttype.row.title.weight600voicevolume
Tailwind
text-row-title--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.rowTitle.weight
Weight of the row title text role.
--mk-type-field-label-weighttype.field.label.weight600voicevolume
Tailwind
text-field-label--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.fieldLabel.weight
Weight of the field label text role.
--mk-type-label-weighttype.label.weight600voicevolume
Tailwind
text-label--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.label.weight
Weight of the label text role.
--mk-type-control-sm-weighttype.control.sm.weight700voicevolume
Tailwind
text-control-sm--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlSm.weight
Weight of the control sm text role.
--mk-type-control-md-weighttype.control.md.weight700voicevolume
Tailwind
text-control-md--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlMd.weight
Weight of the control md text role.
--mk-type-control-lg-weighttype.control.lg.weight700voicevolume
Tailwind
text-control-lg--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.controlLg.weight
Weight of the control lg text role.
--mk-type-nav-weighttype.nav.weight600voicevolume
Tailwind
text-nav--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.nav.weight
Weight of the nav text role.
--mk-type-code-weighttype.code.weight450voicevolume
Tailwind
text-code--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.code.weight
Weight of the code text role.
--mk-type-letter-balloon-weighttype.letter.balloon.weight560voicevolume
Tailwind
text-letter-balloon--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterBalloon.weight
Weight of the letter balloon text role.
--mk-type-letter-caption-weighttype.letter.caption.weight520voicevolume
Tailwind
text-letter-caption--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterCaption.weight
Weight of the letter caption text role.
--mk-type-letter-shout-weighttype.letter.shout.weight780voicevolume
Tailwind
text-letter-shout--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterShout.weight
Weight of the letter shout text role.
--mk-type-letter-whisper-weighttype.letter.whisper.weight500voicevolume
Tailwind
text-letter-whisper--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterWhisper.weight
Weight of the letter whisper text role.
--mk-type-letter-note-weighttype.letter.note.weight540voicevolume
Tailwind
text-letter-note--font-weight
TS
CSS only (MkVar)
Swift
MakrTokens.Text.letterNote.weight
Weight of the letter note text role.
--mk-wght-displaywght.display830voicevolume
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.display.standard.weight
Weight of the display display role in the current voice.
--mk-wght-head-sectionwght.head.section780voicevolume
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.headSection.standard.weight
Weight of the head section display role in the current voice.
--mk-wght-head-cardwght.head.card740voicevolume
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.headCard.standard.weight
Weight of the head card display role in the current voice.
--mk-wght-kickerwght.kicker740voicevolume
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.kicker.standard.weight
Weight of the kicker display role in the current voice.
--mk-wght-numeral-xlwght.numeral.xl900voicevolume
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralXl.standard.weight
Weight of the numeral xl display role in the current voice.
--mk-wght-numeral-lwght.numeral.l880voicevolume
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralL.standard.weight
Weight of the numeral l display role in the current voice.
--mk-wght-numeral-mwght.numeral.m860voicevolume
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralM.standard.weight
Weight of the numeral m display role in the current voice.
--mk-wght-numeral-swght.numeral.s820voicevolume
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralS.standard.weight
Weight of the numeral s display role in the current voice.
--mk-wght-sfxwght.sfx900voicevolume
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.sfx.standard.weight
Weight of the sfx display role in the current voice.
--mk-wght-wordmarkwght.wordmark820voicevolume
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.wordmark.standard.weight
Weight of the wordmark display role in the current voice.
--mk-wd-displaywd.display106voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.display.standard.width
Width of the display display role in the current voice.
--mk-wd-head-sectionwd.head.section104voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.headSection.standard.width
Width of the head section display role in the current voice.
--mk-wd-head-cardwd.head.card100voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.headCard.standard.width
Width of the head card display role in the current voice.
--mk-wd-kickerwd.kicker104voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.kicker.standard.width
Width of the kicker display role in the current voice.
--mk-wd-numeral-xlwd.numeral.xl100voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralXl.standard.width
Width of the numeral xl display role in the current voice.
--mk-wd-numeral-lwd.numeral.l100voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralL.standard.width
Width of the numeral l display role in the current voice.
--mk-wd-numeral-mwd.numeral.m100voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralM.standard.width
Width of the numeral m display role in the current voice.
--mk-wd-numeral-swd.numeral.s100voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.numeralS.standard.width
Width of the numeral s display role in the current voice.
--mk-wd-sfxwd.sfx118voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.sfx.standard.width
Width of the sfx display role in the current voice.
--mk-wd-wordmarkwd.wordmark108voice
Tailwind
none
TS
CSS only (MkVar)
Swift
MakrTokens.Display.wordmark.standard.width
Width of the wordmark display role in the current voice.