Skip to content
Site volume
Colourway

Tokens

Type tokens

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

190 of 190 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.
--mk-type-print-title-sizetype.print.title.size28ptnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
A document's title, its one display moment.
--mk-type-print-head-sizetype.print.head.size14ptnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Section heads in documents and the spec sheet.
--mk-type-print-body-sizetype.print.body.size10ptnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Running text.
--mk-type-print-table-sizetype.print.table.size9.5ptnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line items, totals and spec tables.
--mk-type-print-meta-sizetype.print.meta.size8.5ptnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Numbers, dates, client blocks.
--mk-type-print-label-sizetype.print.label.size8ptnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Table heads and field labels.
--mk-type-print-numeral-sizetype.print.numeral.size12ptnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Totals and big figures.
--mk-type-print-card-name-sizetype.print.card.name.size9ptnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
The name on a business card, the line name on a sticker.
--mk-type-print-card-line-sizetype.print.card.line.size7.5ptnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
The role and contact lines on a business card.
--mk-type-slide-display-sizetype.slide.display.size104pxnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Title and section slides, one per slide.
--mk-type-slide-head-sizetype.slide.head.size52pxnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Content slide heads.
--mk-type-slide-body-sizetype.slide.body.size32pxnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Slide text: at most 40 words a slide.
--mk-type-slide-meta-sizetype.slide.meta.size24pxnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Sources, dates and slide numbers.
--mk-type-print-title-leadingtype.print.title.leading1nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the print title type role (documents, cards and stickers, in pt).
--mk-type-print-head-leadingtype.print.head.leading1.15nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the print head type role (documents, cards and stickers, in pt).
--mk-type-print-body-leadingtype.print.body.leading1.45nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the print body type role (documents, cards and stickers, in pt).
--mk-type-print-table-leadingtype.print.table.leading1.35nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the print table type role (documents, cards and stickers, in pt).
--mk-type-print-meta-leadingtype.print.meta.leading1.35nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the print meta type role (documents, cards and stickers, in pt).
--mk-type-print-label-leadingtype.print.label.leading1.3nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the print label type role (documents, cards and stickers, in pt).
--mk-type-print-numeral-leadingtype.print.numeral.leading1.1nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the print numeral type role (documents, cards and stickers, in pt).
--mk-type-print-card-name-leadingtype.print.card.name.leading1.2nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the print card name type role (documents, cards and stickers, in pt).
--mk-type-print-card-line-leadingtype.print.card.line.leading1.35nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the print card line type role (documents, cards and stickers, in pt).
--mk-type-slide-display-leadingtype.slide.display.leading0.9nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the slide display type role (slides, on the 1920 × 1080 canvas).
--mk-type-slide-head-leadingtype.slide.head.leading1nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the slide head type role (slides, on the 1920 × 1080 canvas).
--mk-type-slide-body-leadingtype.slide.body.leading1.4nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the slide body type role (slides, on the 1920 × 1080 canvas).
--mk-type-slide-meta-leadingtype.slide.meta.leading1.35nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Line height of the slide meta type role (slides, on the 1920 × 1080 canvas).
--mk-type-print-title-trackingtype.print.title.tracking-0.016emnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the print title type role (documents, cards and stickers, in pt).
--mk-type-print-head-trackingtype.print.head.tracking-0.01emnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the print head type role (documents, cards and stickers, in pt).
--mk-type-print-body-trackingtype.print.body.tracking0nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the print body type role (documents, cards and stickers, in pt).
--mk-type-print-table-trackingtype.print.table.tracking0nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the print table type role (documents, cards and stickers, in pt).
--mk-type-print-meta-trackingtype.print.meta.tracking0nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the print meta type role (documents, cards and stickers, in pt).
--mk-type-print-label-trackingtype.print.label.tracking0nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the print label type role (documents, cards and stickers, in pt).
--mk-type-print-numeral-trackingtype.print.numeral.tracking0nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the print numeral type role (documents, cards and stickers, in pt).
--mk-type-print-card-name-trackingtype.print.card.name.tracking0nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the print card name type role (documents, cards and stickers, in pt).
--mk-type-print-card-line-trackingtype.print.card.line.tracking0nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the print card line type role (documents, cards and stickers, in pt).
--mk-type-slide-display-trackingtype.slide.display.tracking-0.016emnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the slide display type role (slides, on the 1920 × 1080 canvas).
--mk-type-slide-head-trackingtype.slide.head.tracking-0.01emnothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the slide head type role (slides, on the 1920 × 1080 canvas).
--mk-type-slide-body-trackingtype.slide.body.tracking0nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the slide body type role (slides, on the 1920 × 1080 canvas).
--mk-type-slide-meta-trackingtype.slide.meta.tracking0nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Letter spacing of the slide meta type role (slides, on the 1920 × 1080 canvas).
--mk-type-print-title-weighttype.print.title.weight830nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the print title type role (documents, cards and stickers, in pt).
--mk-type-print-head-weighttype.print.head.weight780nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the print head type role (documents, cards and stickers, in pt).
--mk-type-print-body-weighttype.print.body.weight420nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the print body type role (documents, cards and stickers, in pt).
--mk-type-print-table-weighttype.print.table.weight450nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the print table type role (documents, cards and stickers, in pt).
--mk-type-print-meta-weighttype.print.meta.weight500nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the print meta type role (documents, cards and stickers, in pt).
--mk-type-print-label-weighttype.print.label.weight550nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the print label type role (documents, cards and stickers, in pt).
--mk-type-print-numeral-weighttype.print.numeral.weight820nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the print numeral type role (documents, cards and stickers, in pt).
--mk-type-print-card-name-weighttype.print.card.name.weight700nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the print card name type role (documents, cards and stickers, in pt).
--mk-type-print-card-line-weighttype.print.card.line.weight450nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the print card line type role (documents, cards and stickers, in pt).
--mk-type-slide-display-weighttype.slide.display.weight830nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the slide display type role (slides, on the 1920 × 1080 canvas).
--mk-type-slide-head-weighttype.slide.head.weight780nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the slide head type role (slides, on the 1920 × 1080 canvas).
--mk-type-slide-body-weighttype.slide.body.weight420nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the slide body type role (slides, on the 1920 × 1080 canvas).
--mk-type-slide-meta-weighttype.slide.meta.weight500nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Weight of the slide meta type role (slides, on the 1920 × 1080 canvas).
--mk-type-print-title-wdthtype.print.title.wdth106nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Width (the wdth axis) of the print title type role.
--mk-type-print-head-wdthtype.print.head.wdth104nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Width (the wdth axis) of the print head type role.
--mk-type-print-numeral-wdthtype.print.numeral.wdth100nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Width (the wdth axis) of the print numeral type role.
--mk-type-slide-display-wdthtype.slide.display.wdth106nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Width (the wdth axis) of the slide display type role.
--mk-type-slide-head-wdthtype.slide.head.wdth104nothing
Tailwind
none
TS
CSS only (MkVar)
Swift
Not in Swift
Width (the wdth axis) of the slide head type role.