Skip to content
Site volume
Colourway

Tokens

Tokens

Every public custom property the system prints with, 594 of them, generated from the DTCG source. Turn the dials up top and the values follow.

594 of 594 tokens

Colour Open on its own page

Colour tokens
TokenValue in this lookVaries byIn codeDescription
--mk-paperpaper#F5F2ECoklch(0.962 0.009 84.6)colourwaythemecontraststock
Tailwind
bg-paper
TS
hexLook(look).roles​["--mk-paper"]
Swift
MakrTokens.paper
colour.surface
--mk-paper-sunkenpaper.sunken#ECE9E3oklch(0.935 0.009 84.6)colourwaythemecontraststock
Tailwind
bg-paper-sunken
TS
hexLook(look).roles​["--mk-paper-sunken"]
Swift
MakrTokens.paperSunken
colour.surface
--mk-paper-platepaper.plate#FFFFFFoklch(1.000 0.000 0.0)colourwaythemecontraststock
Tailwind
bg-paper-plate
TS
hexLook(look).roles​["--mk-paper-plate"]
Swift
MakrTokens.paperPlate
colour.surface
--mk-paper-hoverpaper.hover#FFFCF6oklch(0.992 0.009 84.6)colourwaythemecontraststock
Tailwind
bg-paper-hover
TS
hexLook(look).roles​["--mk-paper-hover"]
Swift
MakrTokens.paperHover
colour.surface
--mk-paper-sunken-hoverpaper.sunken.hover#F6F3EDoklch(0.965 0.009 84.6)colourwaythemecontraststock
Tailwind
bg-paper-sunken-hover
TS
hexLook(look).roles​["--mk-paper-sunken-hover"]
Swift
MakrTokens.paperSunkenHover
colour.surface
--mk-paper-plate-hoverpaper.plate.hover#F5F5F5oklch(0.970 0.000 0.0)colourwaythemecontraststock
Tailwind
bg-paper-plate-hover
TS
hexLook(look).roles​["--mk-paper-plate-hover"]
Swift
MakrTokens.paperPlateHover
colour.surface
--mk-slabslab#15131Aoklch(0.192 0.014 298.1)colourwaythemecontraststock
Tailwind
bg-slab
TS
hexLook(look).roles​["--mk-slab"]
Swift
MakrTokens.slab
colour.surface
--mk-slab-hoverslab.hover#0E0C13oklch(0.160 0.015 297.8)colourwaythemecontraststock
Tailwind
bg-slab-hover
TS
hexLook(look).roles​["--mk-slab-hover"]
Swift
MakrTokens.slabHover
colour.surface
--mk-scrimscrimn/acolourwaythemecontraststock
Tailwind
bg-scrim
TS
hexLook(look).roles​["--mk-scrim"]
Swift
MakrTokens.scrim
colour.surface
--mk-inkink#15131Aoklch(0.192 0.014 298.1)colourwaythemecontraststock
Tailwind
bg-ink
TS
hexLook(look).roles​["--mk-ink"]
Swift
MakrTokens.ink
colour.text
--mk-ink-2ink.2#524F54oklch(0.432 0.009 312.2)colourwaythemecontraststock
Tailwind
bg-ink-2
TS
hexLook(look).roles​["--mk-ink-2"]
Swift
MakrTokens.ink2
colour.text
--mk-ink-3ink.3#6B686Boklch(0.521 0.006 325.7)colourwaythemecontraststock
Tailwind
bg-ink-3
TS
hexLook(look).roles​["--mk-ink-3"]
Swift
MakrTokens.ink3
colour.text
--mk-ink-displayink.display#15131Aoklch(0.192 0.014 298.1)colourwaythemecontraststock
Tailwind
bg-ink-display
TS
hexLook(look).roles​["--mk-ink-display"]
Swift
MakrTokens.inkDisplay
colour.text
--mk-ink-disabledink.disabled#888587oklch(0.620 0.005 337.4)colourwaythemecontraststock
Tailwind
bg-ink-disabled
TS
hexLook(look).roles​["--mk-ink-disabled"]
Swift
MakrTokens.inkDisabled
colour.text
--mk-on-slabon.slab#F5F2ECoklch(0.962 0.009 84.6)colourwaythemecontraststock
Tailwind
bg-on-slab
TS
hexLook(look).roles​["--mk-on-slab"]
Swift
MakrTokens.onSlab
colour.text
--mk-on-slab-2on.slab.2#CFCCC8oklch(0.846 0.006 75.4)colourwaythemecontraststock
Tailwind
bg-on-slab-2
TS
hexLook(look).roles​["--mk-on-slab-2"]
Swift
MakrTokens.onSlab2
colour.text
--mk-ink-ruleink.rule#888587oklch(0.620 0.005 337.4)colourwaythemecontraststock
Tailwind
bg-ink-rule
TS
hexLook(look).roles​["--mk-ink-rule"]
Swift
MakrTokens.inkRule
colour.line
--mk-keylinekeyline#15131Aoklch(0.192 0.014 298.1)colourwaythemecontraststock
Tailwind
bg-keyline
TS
hexLook(look).roles​["--mk-keyline"]
Swift
MakrTokens.keyline
colour.line
--mk-stock-bonestock.bone · art layer#F5F2ECoklch(0.962 0.009 84.6)nothing
Tailwind
none
TS
hexLook(look).roles​["--mk-stock-bone"]
Swift
MakrTokens.stockBone
the bone paper
--mk-stock-nightstock.night · art layer#141016oklch(0.181 0.014 314.5)nothing
Tailwind
none
TS
hexLook(look).roles​["--mk-stock-night"]
Swift
MakrTokens.stockNight
the night paper
--mk-stock-whitestock.white · art layer#FFFFFFoklch(1.000 0.000 0.0)nothing
Tailwind
none
TS
hexLook(look).roles​["--mk-stock-white"]
Swift
MakrTokens.stockWhite
the white paper
--mk-stock-newsprintstock.newsprint · art layer#E3E6E9oklch(0.923 0.005 247.9)nothing
Tailwind
none
TS
hexLook(look).roles​["--mk-stock-newsprint"]
Swift
MakrTokens.stockNewsprint
the newsprint paper
--mk-stock-pulpstock.pulp · art layer#EFE1C1oklch(0.913 0.045 87.2)nothing
Tailwind
none
TS
hexLook(look).roles​["--mk-stock-pulp"]
Swift
MakrTokens.stockPulp
the pulp paper
--mk-stock-kraftstock.kraft · art layer#C6A176oklch(0.732 0.073 70.5)nothing
Tailwind
none
TS
hexLook(look).roles​["--mk-stock-kraft"]
Swift
MakrTokens.stockKraft
the kraft paper
--mk-ink-mink.m#C31A9Doklch(0.559 0.230 340.1)colourwaytheme
Tailwind
bg-ink-m
TS
hexLook(look).roles​["--mk-ink-m"]
Swift
MakrTokens.inkM
colour.fill
--mk-ink-aink.a#00B4EAoklch(0.720 0.141 228.6)colourwaytheme
Tailwind
bg-ink-a
TS
hexLook(look).roles​["--mk-ink-a"]
Swift
MakrTokens.inkA
colour.fill
--mk-ink-rink.r#F55E07oklch(0.671 0.201 41.9)colourwaytheme
Tailwind
bg-ink-r
TS
hexLook(look).roles​["--mk-ink-r"]
Swift
MakrTokens.inkR
colour.fill
--mk-ink-kink.k#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-ink-k
TS
hexLook(look).roles​["--mk-ink-k"]
Swift
MakrTokens.inkK
colour.fill
--mk-ink-yink.y#FFE500oklch(0.915 0.191 101.0)colourwaytheme
Tailwind
bg-ink-y
TS
hexLook(look).roles​["--mk-ink-y"]
Swift
MakrTokens.inkY
colour.fill
--mk-ink-woodink.wood#D9B27Coklch(0.786 0.084 75.1)colourwaytheme
Tailwind
bg-ink-wood
TS
hexLook(look).roles​["--mk-ink-wood"]
Swift
MakrTokens.inkWood
colour.fill
--mk-ink-goink.go#008A4Eoklch(0.556 0.137 155.0)colourwaytheme
Tailwind
bg-ink-go
TS
hexLook(look).roles​["--mk-ink-go"]
Swift
MakrTokens.inkGo
colour.fill
--mk-ink-leadink.lead#C31A9Doklch(0.559 0.230 340.1)colourwaytheme
Tailwind
bg-ink-lead
TS
hexLook(look).roles​["--mk-ink-lead"]
Swift
MakrTokens.inkLead
colour.fill
--mk-ink-supportink.support#00B4EAoklch(0.720 0.141 228.6)colourwaytheme
Tailwind
bg-ink-support
TS
hexLook(look).roles​["--mk-ink-support"]
Swift
MakrTokens.inkSupport
colour.fill
--mk-ink-spotink.spot#FFE500oklch(0.915 0.191 101.0)colourwaytheme
Tailwind
bg-ink-spot
TS
hexLook(look).roles​["--mk-ink-spot"]
Swift
MakrTokens.inkSpot
colour.fill
--mk-livelive#008A4Eoklch(0.556 0.137 155.0)colourwaytheme
Tailwind
bg-live
TS
hexLook(look).roles​["--mk-live"]
Swift
MakrTokens.live
colour.fill
--mk-ink-m-solidink.m.solid#C31A9Doklch(0.559 0.230 340.1)colourwaytheme
Tailwind
bg-ink-m-solid
TS
hexLook(look).roles​["--mk-ink-m-solid"]
Swift
MakrTokens.inkMSolid
colour.surface
--mk-ink-m-hoverink.m.hover#B80094oklch(0.529 0.230 339.8)colourwaytheme
Tailwind
bg-ink-m-hover
TS
hexLook(look).roles​["--mk-ink-m-hover"]
Swift
MakrTokens.inkMHover
colour.surface
--mk-ink-m-tintink.m.tint#FFE1F4oklch(0.940 0.041 339.6)colourwaytheme
Tailwind
bg-ink-m-tint
TS
hexLook(look).roles​["--mk-ink-m-tint"]
Swift
MakrTokens.inkMTint
colour.surface
--mk-ink-m-tint-hoverink.m.tint.hover#FFF0F9oklch(0.969 0.020 340.7)colourwaytheme
Tailwind
bg-ink-m-tint-hover
TS
hexLook(look).roles​["--mk-ink-m-tint-hover"]
Swift
MakrTokens.inkMTintHover
colour.surface
--mk-ink-a-solidink.a.solid#1CBCF2oklch(0.744 0.141 228.4)colourwaytheme
Tailwind
bg-ink-a-solid
TS
hexLook(look).roles​["--mk-ink-a-solid"]
Swift
MakrTokens.inkASolid
colour.surface
--mk-ink-a-hoverink.a.hover#2FC6FCoklch(0.774 0.141 228.2)colourwaytheme
Tailwind
bg-ink-a-hover
TS
hexLook(look).roles​["--mk-ink-a-hover"]
Swift
MakrTokens.inkAHover
colour.surface
--mk-ink-a-tintink.a.tint#D3F1FFoklch(0.941 0.037 227.6)colourwaytheme
Tailwind
bg-ink-a-tint
TS
hexLook(look).roles​["--mk-ink-a-tint"]
Swift
MakrTokens.inkATint
colour.surface
--mk-ink-a-tint-hoverink.a.tint.hover#EAF8FFoklch(0.971 0.018 229.0)colourwaytheme
Tailwind
bg-ink-a-tint-hover
TS
hexLook(look).roles​["--mk-ink-a-tint-hover"]
Swift
MakrTokens.inkATintHover
colour.surface
--mk-ink-r-solidink.r.solid#CE4C00oklch(0.586 0.178 41.7)colourwaytheme
Tailwind
bg-ink-r-solid
TS
hexLook(look).roles​["--mk-ink-r-solid"]
Swift
MakrTokens.inkRSolid
colour.surface
--mk-ink-r-hoverink.r.hover#C04600oklch(0.556 0.169 41.6)colourwaytheme
Tailwind
bg-ink-r-hover
TS
hexLook(look).roles​["--mk-ink-r-hover"]
Swift
MakrTokens.inkRHover
colour.surface
--mk-ink-r-tintink.r.tint#FFE5DBoklch(0.940 0.032 42.3)colourwaytheme
Tailwind
bg-ink-r-tint
TS
hexLook(look).roles​["--mk-ink-r-tint"]
Swift
MakrTokens.inkRTint
colour.surface
--mk-ink-r-tint-hoverink.r.tint.hover#FFF2EDoklch(0.970 0.016 42.4)colourwaytheme
Tailwind
bg-ink-r-tint-hover
TS
hexLook(look).roles​["--mk-ink-r-tint-hover"]
Swift
MakrTokens.inkRTintHover
colour.surface
--mk-ink-k-solidink.k.solid#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-ink-k-solid
TS
hexLook(look).roles​["--mk-ink-k-solid"]
Swift
MakrTokens.inkKSolid
colour.surface
--mk-ink-k-hoverink.k.hover#0E0C13oklch(0.160 0.015 297.8)colourwaytheme
Tailwind
bg-ink-k-hover
TS
hexLook(look).roles​["--mk-ink-k-hover"]
Swift
MakrTokens.inkKHover
colour.surface
--mk-ink-k-tintink.k.tint#ECE9F4oklch(0.940 0.015 298.6)colourwaytheme
Tailwind
bg-ink-k-tint
TS
hexLook(look).roles​["--mk-ink-k-tint"]
Swift
MakrTokens.inkKTint
colour.surface
--mk-ink-k-tint-hoverink.k.tint.hover#F6F3FEoklch(0.970 0.015 298.6)colourwaytheme
Tailwind
bg-ink-k-tint-hover
TS
hexLook(look).roles​["--mk-ink-k-tint-hover"]
Swift
MakrTokens.inkKTintHover
colour.surface
--mk-ink-y-solidink.y.solid#FFE500oklch(0.915 0.191 101.0)colourwaytheme
Tailwind
bg-ink-y-solid
TS
hexLook(look).roles​["--mk-ink-y-solid"]
Swift
MakrTokens.inkYSolid
colour.surface
--mk-ink-y-hoverink.y.hover#FFF087oklch(0.946 0.127 101.3)colourwaytheme
Tailwind
bg-ink-y-hover
TS
hexLook(look).roles​["--mk-ink-y-hover"]
Swift
MakrTokens.inkYHover
colour.surface
--mk-ink-y-tintink.y.tint#F1EDCBoklch(0.940 0.045 101.7)colourwaytheme
Tailwind
bg-ink-y-tint
TS
hexLook(look).roles​["--mk-ink-y-tint"]
Swift
MakrTokens.inkYTint
colour.surface
--mk-ink-y-tint-hoverink.y.tint.hover#FBF7D5oklch(0.971 0.044 101.7)colourwaytheme
Tailwind
bg-ink-y-tint-hover
TS
hexLook(look).roles​["--mk-ink-y-tint-hover"]
Swift
MakrTokens.inkYTintHover
colour.surface
--mk-ink-wood-solidink.wood.solid#D9B27Coklch(0.786 0.084 75.1)colourwaytheme
Tailwind
bg-ink-wood-solid
TS
hexLook(look).roles​["--mk-ink-wood-solid"]
Swift
MakrTokens.inkWoodSolid
colour.surface
--mk-ink-wood-hoverink.wood.hover#E3BC85oklch(0.817 0.084 75.7)colourwaytheme
Tailwind
bg-ink-wood-hover
TS
hexLook(look).roles​["--mk-ink-wood-hover"]
Swift
MakrTokens.inkWoodHover
colour.surface
--mk-ink-wood-tintink.wood.tint#FDE8CBoklch(0.940 0.044 76.0)colourwaytheme
Tailwind
bg-ink-wood-tint
TS
hexLook(look).roles​["--mk-ink-wood-tint"]
Swift
MakrTokens.inkWoodTint
colour.surface
--mk-ink-wood-tint-hoverink.wood.tint.hover#FFF4E4oklch(0.971 0.024 77.5)colourwaytheme
Tailwind
bg-ink-wood-tint-hover
TS
hexLook(look).roles​["--mk-ink-wood-tint-hover"]
Swift
MakrTokens.inkWoodTintHover
colour.surface
--mk-ink-go-solidink.go.solid#00884Doklch(0.551 0.136 155.1)colourwaytheme
Tailwind
bg-ink-go-solid
TS
hexLook(look).roles​["--mk-ink-go-solid"]
Swift
MakrTokens.inkGoSolid
colour.surface
--mk-ink-go-hoverink.go.hover#007E47oklch(0.521 0.128 155.2)colourwaytheme
Tailwind
bg-ink-go-hover
TS
hexLook(look).roles​["--mk-ink-go-hover"]
Swift
MakrTokens.inkGoHover
colour.surface
--mk-ink-go-tintink.go.tint#D5F4DFoklch(0.939 0.043 155.9)colourwaytheme
Tailwind
bg-ink-go-tint
TS
hexLook(look).roles​["--mk-ink-go-tint"]
Swift
MakrTokens.inkGoTint
colour.surface
--mk-ink-go-tint-hoverink.go.tint.hover#DFFEE9oklch(0.969 0.043 155.9)colourwaytheme
Tailwind
bg-ink-go-tint-hover
TS
hexLook(look).roles​["--mk-ink-go-tint-hover"]
Swift
MakrTokens.inkGoTintHover
colour.surface
--mk-ink-lead-solidink.lead.solid#C31A9Doklch(0.559 0.230 340.1)colourwaytheme
Tailwind
bg-ink-lead-solid
TS
hexLook(look).roles​["--mk-ink-lead-solid"]
Swift
MakrTokens.inkLeadSolid
colour.surface
--mk-ink-lead-hoverink.lead.hover#B80094oklch(0.529 0.230 339.8)colourwaytheme
Tailwind
bg-ink-lead-hover
TS
hexLook(look).roles​["--mk-ink-lead-hover"]
Swift
MakrTokens.inkLeadHover
colour.surface
--mk-ink-lead-tintink.lead.tint#FFE1F4oklch(0.940 0.041 339.6)colourwaytheme
Tailwind
bg-ink-lead-tint
TS
hexLook(look).roles​["--mk-ink-lead-tint"]
Swift
MakrTokens.inkLeadTint
colour.surface
--mk-ink-lead-tint-hoverink.lead.tint.hover#FFF0F9oklch(0.969 0.020 340.7)colourwaytheme
Tailwind
bg-ink-lead-tint-hover
TS
hexLook(look).roles​["--mk-ink-lead-tint-hover"]
Swift
MakrTokens.inkLeadTintHover
colour.surface
--mk-ink-support-solidink.support.solid#1CBCF2oklch(0.744 0.141 228.4)colourwaytheme
Tailwind
bg-ink-support-solid
TS
hexLook(look).roles​["--mk-ink-support-solid"]
Swift
MakrTokens.inkSupportSolid
colour.surface
--mk-ink-support-hoverink.support.hover#2FC6FCoklch(0.774 0.141 228.2)colourwaytheme
Tailwind
bg-ink-support-hover
TS
hexLook(look).roles​["--mk-ink-support-hover"]
Swift
MakrTokens.inkSupportHover
colour.surface
--mk-ink-support-tintink.support.tint#D3F1FFoklch(0.941 0.037 227.6)colourwaytheme
Tailwind
bg-ink-support-tint
TS
hexLook(look).roles​["--mk-ink-support-tint"]
Swift
MakrTokens.inkSupportTint
colour.surface
--mk-ink-support-tint-hoverink.support.tint.hover#EAF8FFoklch(0.971 0.018 229.0)colourwaytheme
Tailwind
bg-ink-support-tint-hover
TS
hexLook(look).roles​["--mk-ink-support-tint-hover"]
Swift
MakrTokens.inkSupportTintHover
colour.surface
--mk-ink-spot-solidink.spot.solid#FFE500oklch(0.915 0.191 101.0)colourwaytheme
Tailwind
bg-ink-spot-solid
TS
hexLook(look).roles​["--mk-ink-spot-solid"]
Swift
MakrTokens.inkSpotSolid
colour.surface
--mk-ink-spot-hoverink.spot.hover#FFF087oklch(0.946 0.127 101.3)colourwaytheme
Tailwind
bg-ink-spot-hover
TS
hexLook(look).roles​["--mk-ink-spot-hover"]
Swift
MakrTokens.inkSpotHover
colour.surface
--mk-ink-spot-tintink.spot.tint#F1EDCBoklch(0.940 0.045 101.7)colourwaytheme
Tailwind
bg-ink-spot-tint
TS
hexLook(look).roles​["--mk-ink-spot-tint"]
Swift
MakrTokens.inkSpotTint
colour.surface
--mk-ink-spot-tint-hoverink.spot.tint.hover#FBF7D5oklch(0.971 0.044 101.7)colourwaytheme
Tailwind
bg-ink-spot-tint-hover
TS
hexLook(look).roles​["--mk-ink-spot-tint-hover"]
Swift
MakrTokens.inkSpotTintHover
colour.surface
--mk-actionaction#FFE500oklch(0.915 0.191 101.0)colourwaytheme
Tailwind
bg-action
TS
hexLook(look).roles​["--mk-action"]
Swift
MakrTokens.action
colour.surface
--mk-action-hoveraction.hover#FFF087oklch(0.946 0.127 101.3)colourwaytheme
Tailwind
bg-action-hover
TS
hexLook(look).roles​["--mk-action-hover"]
Swift
MakrTokens.actionHover
colour.surface
--mk-action-tintaction.tint#F1EDCBoklch(0.940 0.045 101.7)colourwaytheme
Tailwind
bg-action-tint
TS
hexLook(look).roles​["--mk-action-tint"]
Swift
MakrTokens.actionTint
colour.surface
--mk-on-mon.m#FFFFFFoklch(1.000 0.000 0.0)colourwaytheme
Tailwind
bg-on-m
TS
hexLook(look).roles​["--mk-on-m"]
Swift
MakrTokens.onM
colour.text
--mk-ink-m-textink.m.text#840068oklch(0.414 0.179 340.5)colourwaytheme
Tailwind
bg-ink-m-text
TS
hexLook(look).roles​["--mk-ink-m-text"]
Swift
MakrTokens.inkMText
colour.text
--mk-on-aon.a#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-on-a
TS
hexLook(look).roles​["--mk-on-a"]
Swift
MakrTokens.onA
colour.text
--mk-ink-a-textink.a.text#004F69oklch(0.400 0.079 228.7)colourwaytheme
Tailwind
bg-ink-a-text
TS
hexLook(look).roles​["--mk-ink-a-text"]
Swift
MakrTokens.inkAText
colour.text
--mk-on-ron.r#FFFFFFoklch(1.000 0.000 0.0)colourwaytheme
Tailwind
bg-on-r
TS
hexLook(look).roles​["--mk-on-r"]
Swift
MakrTokens.onR
colour.text
--mk-ink-r-textink.r.text#802D00oklch(0.414 0.124 42.2)colourwaytheme
Tailwind
bg-ink-r-text
TS
hexLook(look).roles​["--mk-ink-r-text"]
Swift
MakrTokens.inkRText
colour.text
--mk-on-kon.k#FFFFFFoklch(1.000 0.000 0.0)colourwaytheme
Tailwind
bg-on-k
TS
hexLook(look).roles​["--mk-on-k"]
Swift
MakrTokens.onK
colour.text
--mk-ink-k-textink.k.text#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-ink-k-text
TS
hexLook(look).roles​["--mk-ink-k-text"]
Swift
MakrTokens.inkKText
colour.text
--mk-on-yon.y#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-on-y
TS
hexLook(look).roles​["--mk-on-y"]
Swift
MakrTokens.onY
colour.text
--mk-on-woodon.wood#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-on-wood
TS
hexLook(look).roles​["--mk-on-wood"]
Swift
MakrTokens.onWood
colour.text
--mk-ink-wood-textink.wood.text#654306oklch(0.412 0.084 74.8)colourwaytheme
Tailwind
bg-ink-wood-text
TS
hexLook(look).roles​["--mk-ink-wood-text"]
Swift
MakrTokens.inkWoodText
colour.text
--mk-on-goon.go#FFFFFFoklch(1.000 0.000 0.0)colourwaytheme
Tailwind
bg-on-go
TS
hexLook(look).roles​["--mk-on-go"]
Swift
MakrTokens.onGo
colour.text
--mk-ink-go-textink.go.text#00542Eoklch(0.392 0.096 155.5)colourwaytheme
Tailwind
bg-ink-go-text
TS
hexLook(look).roles​["--mk-ink-go-text"]
Swift
MakrTokens.inkGoText
colour.text
--mk-on-leadon.lead#FFFFFFoklch(1.000 0.000 0.0)colourwaytheme
Tailwind
bg-on-lead
TS
hexLook(look).roles​["--mk-on-lead"]
Swift
MakrTokens.onLead
colour.text
--mk-ink-lead-textink.lead.text#840068oklch(0.414 0.179 340.5)colourwaytheme
Tailwind
bg-ink-lead-text
TS
hexLook(look).roles​["--mk-ink-lead-text"]
Swift
MakrTokens.inkLeadText
colour.text
--mk-on-supporton.support#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-on-support
TS
hexLook(look).roles​["--mk-on-support"]
Swift
MakrTokens.onSupport
colour.text
--mk-ink-support-textink.support.text#004F69oklch(0.400 0.079 228.7)colourwaytheme
Tailwind
bg-ink-support-text
TS
hexLook(look).roles​["--mk-ink-support-text"]
Swift
MakrTokens.inkSupportText
colour.text
--mk-on-spoton.spot#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-on-spot
TS
hexLook(look).roles​["--mk-on-spot"]
Swift
MakrTokens.onSpot
colour.text
--mk-on-actionon.action#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-on-action
TS
hexLook(look).roles​["--mk-on-action"]
Swift
MakrTokens.onAction
colour.text
--mk-ink-m-keylineink.m.keylinen/acolourwaytheme
Tailwind
bg-ink-m-keyline
TS
hexLook(look).roles​["--mk-ink-m-keyline"]
Swift
MakrTokens.inkMKeyline
colour.line
--mk-ink-a-keylineink.a.keyline#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-ink-a-keyline
TS
hexLook(look).roles​["--mk-ink-a-keyline"]
Swift
MakrTokens.inkAKeyline
colour.line
--mk-ink-r-keylineink.r.keyline#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-ink-r-keyline
TS
hexLook(look).roles​["--mk-ink-r-keyline"]
Swift
MakrTokens.inkRKeyline
colour.line
--mk-ink-k-keylineink.k.keylinen/acolourwaytheme
Tailwind
bg-ink-k-keyline
TS
hexLook(look).roles​["--mk-ink-k-keyline"]
Swift
MakrTokens.inkKKeyline
colour.line
--mk-ink-y-keylineink.y.keyline#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-ink-y-keyline
TS
hexLook(look).roles​["--mk-ink-y-keyline"]
Swift
MakrTokens.inkYKeyline
colour.line
--mk-ink-wood-keylineink.wood.keyline#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-ink-wood-keyline
TS
hexLook(look).roles​["--mk-ink-wood-keyline"]
Swift
MakrTokens.inkWoodKeyline
colour.line
--mk-ink-go-keylineink.go.keylinen/acolourwaytheme
Tailwind
bg-ink-go-keyline
TS
hexLook(look).roles​["--mk-ink-go-keyline"]
Swift
MakrTokens.inkGoKeyline
colour.line
--mk-ink-lead-keylineink.lead.keylinen/acolourwaytheme
Tailwind
bg-ink-lead-keyline
TS
hexLook(look).roles​["--mk-ink-lead-keyline"]
Swift
MakrTokens.inkLeadKeyline
colour.line
--mk-ink-support-keylineink.support.keyline#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-ink-support-keyline
TS
hexLook(look).roles​["--mk-ink-support-keyline"]
Swift
MakrTokens.inkSupportKeyline
colour.line
--mk-ink-spot-keylineink.spot.keyline#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-ink-spot-keyline
TS
hexLook(look).roles​["--mk-ink-spot-keyline"]
Swift
MakrTokens.inkSpotKeyline
colour.line
--mk-action-edgeaction.edge#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-action-edge
TS
hexLook(look).roles​["--mk-action-edge"]
Swift
MakrTokens.actionEdge
colour.line
--mk-action-keylineaction.keyline#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-action-keyline
TS
hexLook(look).roles​["--mk-action-keyline"]
Swift
MakrTokens.actionKeyline
colour.line
--mk-ink-m-deepink.m.deep · art layer#510840oklch(0.300 0.120 340.0)colourwaytheme
Tailwind
bg-ink-m-deep
TS
hexLook(look).roles​["--mk-ink-m-deep"]
Swift
MakrTokens.inkMDeep
colour.art
--mk-ink-a-deepink.a.deep · art layer#003345oklch(0.300 0.059 228.5)colourwaytheme
Tailwind
bg-ink-a-deep
TS
hexLook(look).roles​["--mk-ink-a-deep"]
Swift
MakrTokens.inkADeep
colour.art
--mk-ink-r-deepink.r.deep · art layer#511900oklch(0.300 0.091 41.8)colourwaytheme
Tailwind
bg-ink-r-deep
TS
hexLook(look).roles​["--mk-ink-r-deep"]
Swift
MakrTokens.inkRDeep
colour.art
--mk-ink-k-deepink.k.deep · art layer#020103oklch(0.076 0.014 309.8)colourwaytheme
Tailwind
bg-ink-k-deep
TS
hexLook(look).roles​["--mk-ink-k-deep"]
Swift
MakrTokens.inkKDeep
colour.art
--mk-ink-y-deepink.y.deep · art layer#352E00oklch(0.300 0.062 100.2)colourwaytheme
Tailwind
bg-ink-y-deep
TS
hexLook(look).roles​["--mk-ink-y-deep"]
Swift
MakrTokens.inkYDeep
colour.art
--mk-ink-wood-deepink.wood.deep · art layer#3C2A0Doklch(0.300 0.050 76.5)colourwaytheme
Tailwind
bg-ink-wood-deep
TS
hexLook(look).roles​["--mk-ink-wood-deep"]
Swift
MakrTokens.inkWoodDeep
colour.art
--mk-ink-go-deepink.go.deep · art layer#00381Doklch(0.299 0.073 155.6)colourwaytheme
Tailwind
bg-ink-go-deep
TS
hexLook(look).roles​["--mk-ink-go-deep"]
Swift
MakrTokens.inkGoDeep
colour.art
--mk-ink-lead-deepink.lead.deep · art layer#510840oklch(0.300 0.120 340.0)colourwaytheme
Tailwind
bg-ink-lead-deep
TS
hexLook(look).roles​["--mk-ink-lead-deep"]
Swift
MakrTokens.inkLeadDeep
colour.art
--mk-ink-support-deepink.support.deep · art layer#003345oklch(0.300 0.059 228.5)colourwaytheme
Tailwind
bg-ink-support-deep
TS
hexLook(look).roles​["--mk-ink-support-deep"]
Swift
MakrTokens.inkSupportDeep
colour.art
--mk-ink-spot-deepink.spot.deep · art layer#352E00oklch(0.300 0.062 100.2)colourwaytheme
Tailwind
bg-ink-spot-deep
TS
hexLook(look).roles​["--mk-ink-spot-deep"]
Swift
MakrTokens.inkSpotDeep
colour.art
--mk-ink-m-plateink.m.plate#A84F8Eoklch(0.560 0.140 339.8)colourwaythemevolumecontrast
Tailwind
bg-ink-m-plate
TS
hexLook(look).roles​["--mk-ink-m-plate"]
Swift
MakrTokens.inkMPlate
colour.surface
--mk-ink-m-plate-hoverink.m.plate.hover#9E4685oklch(0.529 0.140 339.7)colourwaythemevolumecontrast
Tailwind
bg-ink-m-plate-hover
TS
hexLook(look).roles​["--mk-ink-m-plate-hover"]
Swift
MakrTokens.inkMPlateHover
colour.surface
--mk-ink-a-plateink.a.plate#7CD7FFoklch(0.837 0.104 228.4)colourwaythemevolumecontrast
Tailwind
bg-ink-a-plate
TS
hexLook(look).roles​["--mk-ink-a-plate"]
Swift
MakrTokens.inkAPlate
colour.surface
--mk-ink-a-plate-hoverink.a.plate.hover#98DFFFoklch(0.868 0.083 228.0)colourwaythemevolumecontrast
Tailwind
bg-ink-a-plate-hover
TS
hexLook(look).roles​["--mk-ink-a-plate-hover"]
Swift
MakrTokens.inkAPlateHover
colour.surface
--mk-ink-r-plateink.r.plate#BC5A30oklch(0.581 0.138 42.4)colourwaythemevolumecontrast
Tailwind
bg-ink-r-plate
TS
hexLook(look).roles​["--mk-ink-r-plate"]
Swift
MakrTokens.inkRPlate
colour.surface
--mk-ink-r-plate-hoverink.r.plate.hover#B25126oklch(0.551 0.138 42.5)colourwaythemevolumecontrast
Tailwind
bg-ink-r-plate-hover
TS
hexLook(look).roles​["--mk-ink-r-plate-hover"]
Swift
MakrTokens.inkRPlateHover
colour.surface
--mk-ink-k-plateink.k.plate#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-ink-k-plate
TS
hexLook(look).roles​["--mk-ink-k-plate"]
Swift
MakrTokens.inkKPlate
colour.surface
--mk-ink-k-plate-hoverink.k.plate.hover#0E0C13oklch(0.160 0.015 297.8)colourwaythemevolumecontrast
Tailwind
bg-ink-k-plate-hover
TS
hexLook(look).roles​["--mk-ink-k-plate-hover"]
Swift
MakrTokens.inkKPlateHover
colour.surface
--mk-ink-y-plateink.y.plate#F7E670oklch(0.916 0.140 101.2)colourwaythemevolumecontrast
Tailwind
bg-ink-y-plate
TS
hexLook(look).roles​["--mk-ink-y-plate"]
Swift
MakrTokens.inkYPlate
colour.surface
--mk-ink-y-plate-hoverink.y.plate.hover#FFF088oklch(0.946 0.126 101.2)colourwaythemevolumecontrast
Tailwind
bg-ink-y-plate-hover
TS
hexLook(look).roles​["--mk-ink-y-plate-hover"]
Swift
MakrTokens.inkYPlateHover
colour.surface
--mk-ink-wood-plateink.wood.plate#ECC58Eoklch(0.845 0.084 75.8)colourwaythemevolumecontrast
Tailwind
bg-ink-wood-plate
TS
hexLook(look).roles​["--mk-ink-wood-plate"]
Swift
MakrTokens.inkWoodPlate
colour.surface
--mk-ink-wood-plate-hoverink.wood.plate.hover#F6CF97oklch(0.875 0.084 76.3)colourwaythemevolumecontrast
Tailwind
bg-ink-wood-plate-hover
TS
hexLook(look).roles​["--mk-ink-wood-plate-hover"]
Swift
MakrTokens.inkWoodPlateHover
colour.surface
--mk-ink-lead-plateink.lead.plate#A84F8Eoklch(0.560 0.140 339.8)colourwaythemevolumecontrast
Tailwind
bg-ink-lead-plate
TS
hexLook(look).roles​["--mk-ink-lead-plate"]
Swift
MakrTokens.inkLeadPlate
colour.surface
--mk-ink-lead-plate-hoverink.lead.plate.hover#9E4685oklch(0.529 0.140 339.7)colourwaythemevolumecontrast
Tailwind
bg-ink-lead-plate-hover
TS
hexLook(look).roles​["--mk-ink-lead-plate-hover"]
Swift
MakrTokens.inkLeadPlateHover
colour.surface
--mk-ink-support-plateink.support.plate#7CD7FFoklch(0.837 0.104 228.4)colourwaythemevolumecontrast
Tailwind
bg-ink-support-plate
TS
hexLook(look).roles​["--mk-ink-support-plate"]
Swift
MakrTokens.inkSupportPlate
colour.surface
--mk-ink-support-plate-hoverink.support.plate.hover#98DFFFoklch(0.868 0.083 228.0)colourwaythemevolumecontrast
Tailwind
bg-ink-support-plate-hover
TS
hexLook(look).roles​["--mk-ink-support-plate-hover"]
Swift
MakrTokens.inkSupportPlateHover
colour.surface
--mk-ink-spot-plateink.spot.plate#F7E670oklch(0.916 0.140 101.2)colourwaythemevolumecontrast
Tailwind
bg-ink-spot-plate
TS
hexLook(look).roles​["--mk-ink-spot-plate"]
Swift
MakrTokens.inkSpotPlate
colour.surface
--mk-ink-spot-plate-hoverink.spot.plate.hover#FFF088oklch(0.946 0.126 101.2)colourwaythemevolumecontrast
Tailwind
bg-ink-spot-plate-hover
TS
hexLook(look).roles​["--mk-ink-spot-plate-hover"]
Swift
MakrTokens.inkSpotPlateHover
colour.surface
--mk-on-m-plateon.m.plate#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontrast
Tailwind
bg-on-m-plate
TS
hexLook(look).roles​["--mk-on-m-plate"]
Swift
MakrTokens.onMPlate
colour.text
--mk-on-a-plateon.a.plate#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-on-a-plate
TS
hexLook(look).roles​["--mk-on-a-plate"]
Swift
MakrTokens.onAPlate
colour.text
--mk-on-r-plateon.r.plate#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontrast
Tailwind
bg-on-r-plate
TS
hexLook(look).roles​["--mk-on-r-plate"]
Swift
MakrTokens.onRPlate
colour.text
--mk-on-k-plateon.k.plate#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontrast
Tailwind
bg-on-k-plate
TS
hexLook(look).roles​["--mk-on-k-plate"]
Swift
MakrTokens.onKPlate
colour.text
--mk-on-y-plateon.y.plate#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-on-y-plate
TS
hexLook(look).roles​["--mk-on-y-plate"]
Swift
MakrTokens.onYPlate
colour.text
--mk-on-wood-plateon.wood.plate#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-on-wood-plate
TS
hexLook(look).roles​["--mk-on-wood-plate"]
Swift
MakrTokens.onWoodPlate
colour.text
--mk-on-lead-plateon.lead.plate#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontrast
Tailwind
bg-on-lead-plate
TS
hexLook(look).roles​["--mk-on-lead-plate"]
Swift
MakrTokens.onLeadPlate
colour.text
--mk-on-support-plateon.support.plate#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-on-support-plate
TS
hexLook(look).roles​["--mk-on-support-plate"]
Swift
MakrTokens.onSupportPlate
colour.text
--mk-on-spot-plateon.spot.plate#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-on-spot-plate
TS
hexLook(look).roles​["--mk-on-spot-plate"]
Swift
MakrTokens.onSpotPlate
colour.text
--mk-surfacesurface#F5F2ECoklch(0.962 0.009 84.6)colourwaythemevolumecontraststockplateline
Tailwind
bg-surface
TS
hexLook(look).roles​["--mk-surface"]
Swift
MakrTokens.surface
colour.surface
--mk-surface-raisedsurface.raised#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontraststockplateline
Tailwind
bg-surface-raised
TS
hexLook(look).roles​["--mk-surface-raised"]
Swift
MakrTokens.surfaceRaised
colour.surface
--mk-surface-sunkensurface.sunken#ECE9E3oklch(0.935 0.009 84.6)colourwaythemevolumecontraststockplateline
Tailwind
bg-surface-sunken
TS
hexLook(look).roles​["--mk-surface-sunken"]
Swift
MakrTokens.surfaceSunken
colour.surface
--mk-hoverhover#FFFCF6oklch(0.992 0.009 84.6)colourwaythemevolumecontraststockplateline
Tailwind
bg-hover
TS
hexLook(look).roles​["--mk-hover"]
Swift
MakrTokens.hover
colour.surface
--mk-selectedselected#FFE1F4oklch(0.940 0.041 339.6)colourwaythemevolumecontraststockplateline
Tailwind
bg-selected
TS
hexLook(look).roles​["--mk-selected"]
Swift
MakrTokens.selected
colour.surface
--mk-controlcontrol#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontraststockplateline
Tailwind
bg-control
TS
hexLook(look).roles​["--mk-control"]
Swift
MakrTokens.control
colour.surface
--mk-disableddisabled#ECE9E3oklch(0.935 0.009 84.6)colourwaythemevolumecontraststockplateline
Tailwind
bg-disabled
TS
hexLook(look).roles​["--mk-disabled"]
Swift
MakrTokens.disabled
colour.surface
--mk-texttext#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontraststockplateline
Tailwind
bg-text
TS
hexLook(look).roles​["--mk-text"]
Swift
MakrTokens.text
colour.text
--mk-text-2text.2#524F54oklch(0.432 0.009 312.2)colourwaythemevolumecontraststockplateline
Tailwind
bg-text-2
TS
hexLook(look).roles​["--mk-text-2"]
Swift
MakrTokens.text2
colour.text
--mk-linklink#840068oklch(0.414 0.179 340.5)colourwaythemevolumecontraststockplateline
Tailwind
bg-link
TS
hexLook(look).roles​["--mk-link"]
Swift
MakrTokens.link
colour.text
--mk-on-selectedon.selected#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontraststockplateline
Tailwind
bg-on-selected
TS
hexLook(look).roles​["--mk-on-selected"]
Swift
MakrTokens.onSelected
colour.text
--mk-on-controlon.control#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontraststockplateline
Tailwind
bg-on-control
TS
hexLook(look).roles​["--mk-on-control"]
Swift
MakrTokens.onControl
colour.text
--mk-on-control-2on.control.2#5F5C60oklch(0.479 0.007 317.7)colourwaythemevolumecontraststockplateline
Tailwind
bg-on-control-2
TS
hexLook(look).roles​["--mk-on-control-2"]
Swift
MakrTokens.onControl2
colour.text
--mk-text-displaytext.display#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontraststockplateline
Tailwind
bg-text-display
TS
hexLook(look).roles​["--mk-text-display"]
Swift
MakrTokens.textDisplay
colour.text
--mk-text-disabledtext.disabled#888587oklch(0.620 0.005 337.4)colourwaythemevolumecontraststockplateline
Tailwind
bg-text-disabled
TS
hexLook(look).roles​["--mk-text-disabled"]
Swift
MakrTokens.textDisabled
colour.text
--mk-rulerule#888587oklch(0.620 0.005 337.4)colourwaythemevolumecontraststockplateline
Tailwind
bg-rule
TS
hexLook(look).roles​["--mk-rule"]
Swift
MakrTokens.rule
colour.line
--mk-control-rulecontrol.rule#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontraststockplateline
Tailwind
bg-control-rule
TS
hexLook(look).roles​["--mk-control-rule"]
Swift
MakrTokens.controlRule
colour.line
--mk-rule-softrule.soft#D1CECBoklch(0.853 0.005 67.8)colourwaythemevolumecontraststockplateline
Tailwind
bg-rule-soft
TS
hexLook(look).roles​["--mk-rule-soft"]
Swift
MakrTokens.ruleSoft
colour.line
--mk-focusfocus#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontraststockplateline
Tailwind
bg-focus
TS
hexLook(look).roles​["--mk-focus"]
Swift
MakrTokens.focus
colour.line
--mk-line-fillline.fillvar(--mk-ink-k)colourwaythemevolumecontrastline
Tailwind
bg-line-fill
TS
hexLook(look).roles​["--mk-line-fill"]
Swift
MakrTokens.lineFill
colour.fill
--mk-linelinevar(--mk-ink-k-solid)colourwaythemevolumecontrastline
Tailwind
bg-line
TS
hexLook(look).roles​["--mk-line"]
Swift
MakrTokens.line
colour.surface
--mk-line-tintline.tintvar(--mk-ink-k-tint)colourwaythemevolumecontrastline
Tailwind
bg-line-tint
TS
hexLook(look).roles​["--mk-line-tint"]
Swift
MakrTokens.lineTint
colour.surface
--mk-line-plateline.platevar(--mk-ink-k-plate)colourwaythemevolumecontrastline
Tailwind
bg-line-plate
TS
hexLook(look).roles​["--mk-line-plate"]
Swift
MakrTokens.linePlate
colour.surface
--mk-line-hoverline.hovervar(--mk-ink-k-hover)colourwaythemevolumecontrastline
Tailwind
bg-line-hover
TS
hexLook(look).roles​["--mk-line-hover"]
Swift
MakrTokens.lineHover
colour.surface
--mk-linecard-head-surfacelinecard.head.surfacecolor-mix(in oklab, var(--mk-paper) calc(var(--mk-w-quiet) * 100%), var(--mk-line-fill))colourwaythemevolumecontrastline
Tailwind
bg-linecard-head-surface
TS
hexLook(look).roles​["--mk-linecard-head-surface"]
Swift
MakrTokens.linecardHeadSurface
colour.surface
--mk-on-lineon.linevar(--mk-on-k)colourwaythemevolumecontrastline
Tailwind
bg-on-line
TS
hexLook(look).roles​["--mk-on-line"]
Swift
MakrTokens.onLine
colour.text
--mk-line-textline.textvar(--mk-ink-k-text)colourwaythemevolumecontrastline
Tailwind
bg-line-text
TS
hexLook(look).roles​["--mk-line-text"]
Swift
MakrTokens.lineText
colour.text
--mk-on-line-plateon.line.platevar(--mk-on-k-plate)colourwaythemevolumecontrastline
Tailwind
bg-on-line-plate
TS
hexLook(look).roles​["--mk-on-line-plate"]
Swift
MakrTokens.onLinePlate
colour.text
--mk-linecard-head-textlinecard.head.textcolor-mix(in oklab, var(--mk-ink) calc(var(--mk-w-quiet) * 100%), var(--mk-on-line))colourwaythemevolumecontrastline
Tailwind
bg-linecard-head-text
TS
hexLook(look).roles​["--mk-linecard-head-text"]
Swift
MakrTokens.linecardHeadText
colour.text
--mk-line-keylineline.keylinevar(--mk-ink-k-keyline)colourwaythemevolumecontrastline
Tailwind
bg-line-keyline
TS
hexLook(look).roles​["--mk-line-keyline"]
Swift
MakrTokens.lineKeyline
colour.line
--mk-line-deepline.deep · art layervar(--mk-ink-k-deep)colourwaythemevolumecontrastline
Tailwind
bg-line-deep
TS
hexLook(look).roles​["--mk-line-deep"]
Swift
MakrTokens.lineDeep
colour.art
--mk-band-1band.1 · art layer#C31A9Doklch(0.559 0.230 340.1)colourwaythemevolumecontrast
Tailwind
bg-band-1
TS
hexLook(look).roles​["--mk-band-1"]
Swift
MakrTokens.band1
colour.art
--mk-band-2band.2 · art layer#FFE1F4oklch(0.940 0.041 339.6)colourwaythemevolumecontrast
Tailwind
bg-band-2
TS
hexLook(look).roles​["--mk-band-2"]
Swift
MakrTokens.band2
colour.art
--mk-band-3band.3 · art layer#00B4EAoklch(0.720 0.141 228.6)colourwaythemevolumecontrast
Tailwind
bg-band-3
TS
hexLook(look).roles​["--mk-band-3"]
Swift
MakrTokens.band3
colour.art
--mk-band-4band.4 · art layer#D3F1FFoklch(0.941 0.037 227.6)colourwaythemevolumecontrast
Tailwind
bg-band-4
TS
hexLook(look).roles​["--mk-band-4"]
Swift
MakrTokens.band4
colour.art
--mk-field-paperfield.paper · art layer#F5F2ECoklch(0.962 0.009 84.6)colourwaythemevolumecontrast
Tailwind
bg-field-paper
TS
hexLook(look).roles​["--mk-field-paper"]
Swift
MakrTokens.fieldPaper
colour.art
--mk-ov-inkov.ink · art layer#C31A9Doklch(0.559 0.230 340.1)colourwaytheme
Tailwind
bg-ov-ink
TS
hexLook(look).roles​["--mk-ov-ink"]
Swift
MakrTokens.ovInk
colour.art
--mk-sep-csep.c · art layer#00B4EAoklch(0.720 0.141 228.6)colourwaytheme
Tailwind
bg-sep-c
TS
hexLook(look).roles​["--mk-sep-c"]
Swift
MakrTokens.sepC
colour.art
--mk-sep-msep.m · art layer#C31A9Doklch(0.559 0.230 340.1)colourwaytheme
Tailwind
bg-sep-m
TS
hexLook(look).roles​["--mk-sep-m"]
Swift
MakrTokens.sepM
colour.art
--mk-sep-ysep.y · art layer#FFE500oklch(0.915 0.191 101.0)colourwaytheme
Tailwind
bg-sep-y
TS
hexLook(look).roles​["--mk-sep-y"]
Swift
MakrTokens.sepY
colour.art
--mk-sep-ksep.k · art layer#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-sep-k
TS
hexLook(look).roles​["--mk-sep-k"]
Swift
MakrTokens.sepK
colour.art
--mk-cover-papercover.paper · art layer#FFFFFFoklch(1.000 0.000 0.0)colourwaytheme
Tailwind
bg-cover-paper
TS
hexLook(look).roles​["--mk-cover-paper"]
Swift
MakrTokens.coverPaper
colour.art
--mk-cover-inkcover.ink · art layer#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-cover-ink
TS
hexLook(look).roles​["--mk-cover-ink"]
Swift
MakrTokens.coverInk
colour.art
--mk-stamp-inkstamp.ink · art layer#840068oklch(0.414 0.179 340.5)colourwaytheme
Tailwind
bg-stamp-ink
TS
hexLook(look).roles​["--mk-stamp-ink"]
Swift
MakrTokens.stampInk
colour.art
--mk-3d-m-light3d.m.light · art layer#D76CB7oklch(0.680 0.161 339.9)colourwaytheme
Tailwind
bg-3d-m-light
TS
hexLook(look).roles​["--mk-3d-m-light"]
Swift
MakrTokens.3dMLight
colour.art
--mk-3d-m-fill3d.m.fill · art layer#C31A9Doklch(0.559 0.230 340.1)colourwaytheme
Tailwind
bg-3d-m-fill
TS
hexLook(look).roles​["--mk-3d-m-fill"]
Swift
MakrTokens.3dMFill
colour.art
--mk-3d-m-shade3d.m.shade · art layer#8F0072oklch(0.439 0.191 340.0)colourwaytheme
Tailwind
bg-3d-m-shade
TS
hexLook(look).roles​["--mk-3d-m-shade"]
Swift
MakrTokens.3dMShade
colour.art
--mk-3d-m-deep3d.m.deep · art layer#510840oklch(0.300 0.120 340.0)colourwaytheme
Tailwind
bg-3d-m-deep
TS
hexLook(look).roles​["--mk-3d-m-deep"]
Swift
MakrTokens.3dMDeep
colour.art
--mk-3d-m-letter3d.m.letter · art layer#FFFFFFoklch(1.000 0.000 0.0)colourwaytheme
Tailwind
bg-3d-m-letter
TS
hexLook(look).roles​["--mk-3d-m-letter"]
Swift
MakrTokens.3dMLetter
colour.art
--mk-3d-a-light3d.a.light · art layer#82D7FEoklch(0.839 0.099 229.2)colourwaytheme
Tailwind
bg-3d-a-light
TS
hexLook(look).roles​["--mk-3d-a-light"]
Swift
MakrTokens.3dALight
colour.art
--mk-3d-a-fill3d.a.fill · art layer#00B4EAoklch(0.720 0.141 228.6)colourwaytheme
Tailwind
bg-3d-a-fill
TS
hexLook(look).roles​["--mk-3d-a-fill"]
Swift
MakrTokens.3dAFill
colour.art
--mk-3d-a-shade3d.a.shade · art layer#008CB7oklch(0.598 0.118 228.7)colourwaytheme
Tailwind
bg-3d-a-shade
TS
hexLook(look).roles​["--mk-3d-a-shade"]
Swift
MakrTokens.3dAShade
colour.art
--mk-3d-a-deep3d.a.deep · art layer#003345oklch(0.300 0.059 228.5)colourwaytheme
Tailwind
bg-3d-a-deep
TS
hexLook(look).roles​["--mk-3d-a-deep"]
Swift
MakrTokens.3dADeep
colour.art
--mk-3d-a-letter3d.a.letter · art layer#003345oklch(0.300 0.059 228.5)colourwaytheme
Tailwind
bg-3d-a-letter
TS
hexLook(look).roles​["--mk-3d-a-letter"]
Swift
MakrTokens.3dALetter
colour.art
--mk-3d-r-light3d.r.light · art layer#FF9E79oklch(0.790 0.127 41.5)colourwaytheme
Tailwind
bg-3d-r-light
TS
hexLook(look).roles​["--mk-3d-r-light"]
Swift
MakrTokens.3dRLight
colour.art
--mk-3d-r-fill3d.r.fill · art layer#F55E07oklch(0.671 0.201 41.9)colourwaytheme
Tailwind
bg-3d-r-fill
TS
hexLook(look).roles​["--mk-3d-r-fill"]
Swift
MakrTokens.3dRFill
colour.art
--mk-3d-r-shade3d.r.shade · art layer#BD4600oklch(0.551 0.166 42.1)colourwaytheme
Tailwind
bg-3d-r-shade
TS
hexLook(look).roles​["--mk-3d-r-shade"]
Swift
MakrTokens.3dRShade
colour.art
--mk-3d-r-deep3d.r.deep · art layer#511900oklch(0.300 0.091 41.8)colourwaytheme
Tailwind
bg-3d-r-deep
TS
hexLook(look).roles​["--mk-3d-r-deep"]
Swift
MakrTokens.3dRDeep
colour.art
--mk-3d-r-letter3d.r.letter · art layer#511900oklch(0.300 0.091 41.8)colourwaytheme
Tailwind
bg-3d-r-letter
TS
hexLook(look).roles​["--mk-3d-r-letter"]
Swift
MakrTokens.3dRLetter
colour.art
--mk-3d-k-light3d.k.light · art layer#3F3C42oklch(0.361 0.011 308.1)colourwaytheme
Tailwind
bg-3d-k-light
TS
hexLook(look).roles​["--mk-3d-k-light"]
Swift
MakrTokens.3dKLight
colour.art
--mk-3d-k-fill3d.k.fill · art layer#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-3d-k-fill
TS
hexLook(look).roles​["--mk-3d-k-fill"]
Swift
MakrTokens.3dKFill
colour.art
--mk-3d-k-shade3d.k.shade · art layer#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-3d-k-shade
TS
hexLook(look).roles​["--mk-3d-k-shade"]
Swift
MakrTokens.3dKShade
colour.art
--mk-3d-k-deep3d.k.deep · art layer#020103oklch(0.076 0.014 309.8)colourwaytheme
Tailwind
bg-3d-k-deep
TS
hexLook(look).roles​["--mk-3d-k-deep"]
Swift
MakrTokens.3dKDeep
colour.art
--mk-3d-k-letter3d.k.letter · art layer#F5F2ECoklch(0.962 0.009 84.6)colourwaytheme
Tailwind
bg-3d-k-letter
TS
hexLook(look).roles​["--mk-3d-k-letter"]
Swift
MakrTokens.3dKLetter
colour.art
--mk-3d-wood-light3d.wood.light · art layer#F7DBB5oklch(0.905 0.059 75.3)colourwaytheme
Tailwind
bg-3d-wood-light
TS
hexLook(look).roles​["--mk-3d-wood-light"]
Swift
MakrTokens.3dWoodLight
colour.art
--mk-3d-wood-fill3d.wood.fill · art layer#D9B27Coklch(0.786 0.084 75.1)colourwaytheme
Tailwind
bg-3d-wood-fill
TS
hexLook(look).roles​["--mk-3d-wood-fill"]
Swift
MakrTokens.3dWoodFill
colour.art
--mk-3d-wood-shade3d.wood.shade · art layer#B28D58oklch(0.666 0.083 75.5)colourwaytheme
Tailwind
bg-3d-wood-shade
TS
hexLook(look).roles​["--mk-3d-wood-shade"]
Swift
MakrTokens.3dWoodShade
colour.art
--mk-3d-wood-deep3d.wood.deep · art layer#3C2A0Doklch(0.300 0.050 76.5)colourwaytheme
Tailwind
bg-3d-wood-deep
TS
hexLook(look).roles​["--mk-3d-wood-deep"]
Swift
MakrTokens.3dWoodDeep
colour.art
--mk-3d-wood-letter3d.wood.letter · art layer#3C2A0Doklch(0.300 0.050 76.5)colourwaytheme
Tailwind
bg-3d-wood-letter
TS
hexLook(look).roles​["--mk-3d-wood-letter"]
Swift
MakrTokens.3dWoodLetter
colour.art
--mk-3d-lead-light3d.lead.light · art layer#D76CB7oklch(0.680 0.161 339.9)colourwaytheme
Tailwind
bg-3d-lead-light
TS
hexLook(look).roles​["--mk-3d-lead-light"]
Swift
MakrTokens.3dLeadLight
colour.art
--mk-3d-lead-fill3d.lead.fill · art layer#C31A9Doklch(0.559 0.230 340.1)colourwaytheme
Tailwind
bg-3d-lead-fill
TS
hexLook(look).roles​["--mk-3d-lead-fill"]
Swift
MakrTokens.3dLeadFill
colour.art
--mk-3d-lead-shade3d.lead.shade · art layer#8F0072oklch(0.439 0.191 340.0)colourwaytheme
Tailwind
bg-3d-lead-shade
TS
hexLook(look).roles​["--mk-3d-lead-shade"]
Swift
MakrTokens.3dLeadShade
colour.art
--mk-3d-lead-deep3d.lead.deep · art layer#510840oklch(0.300 0.120 340.0)colourwaytheme
Tailwind
bg-3d-lead-deep
TS
hexLook(look).roles​["--mk-3d-lead-deep"]
Swift
MakrTokens.3dLeadDeep
colour.art
--mk-3d-lead-letter3d.lead.letter · art layer#FFFFFFoklch(1.000 0.000 0.0)colourwaytheme
Tailwind
bg-3d-lead-letter
TS
hexLook(look).roles​["--mk-3d-lead-letter"]
Swift
MakrTokens.3dLeadLetter
colour.art
--mk-3d-support-light3d.support.light · art layer#82D7FEoklch(0.839 0.099 229.2)colourwaytheme
Tailwind
bg-3d-support-light
TS
hexLook(look).roles​["--mk-3d-support-light"]
Swift
MakrTokens.3dSupportLight
colour.art
--mk-3d-support-fill3d.support.fill · art layer#00B4EAoklch(0.720 0.141 228.6)colourwaytheme
Tailwind
bg-3d-support-fill
TS
hexLook(look).roles​["--mk-3d-support-fill"]
Swift
MakrTokens.3dSupportFill
colour.art
--mk-3d-support-shade3d.support.shade · art layer#008CB7oklch(0.598 0.118 228.7)colourwaytheme
Tailwind
bg-3d-support-shade
TS
hexLook(look).roles​["--mk-3d-support-shade"]
Swift
MakrTokens.3dSupportShade
colour.art
--mk-3d-support-deep3d.support.deep · art layer#003345oklch(0.300 0.059 228.5)colourwaytheme
Tailwind
bg-3d-support-deep
TS
hexLook(look).roles​["--mk-3d-support-deep"]
Swift
MakrTokens.3dSupportDeep
colour.art
--mk-3d-support-letter3d.support.letter · art layer#003345oklch(0.300 0.059 228.5)colourwaytheme
Tailwind
bg-3d-support-letter
TS
hexLook(look).roles​["--mk-3d-support-letter"]
Swift
MakrTokens.3dSupportLetter
colour.art
--mk-3d-key3d.key · art layer#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-3d-key
TS
hexLook(look).roles​["--mk-3d-key"]
Swift
MakrTokens.3dKey
colour.art
--mk-3d-shadow3d.shadow · art layer#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-3d-shadow
TS
hexLook(look).roles​["--mk-3d-shadow"]
Swift
MakrTokens.3dShadow
colour.art
--mk-3d-focus3d.focus · art layer#15131Aoklch(0.192 0.014 298.1)colourwaytheme
Tailwind
bg-3d-focus
TS
hexLook(look).roles​["--mk-3d-focus"]
Swift
MakrTokens.3dFocus
colour.art
--mk-pair-balloon-paper-bgpair.balloon.paper.bg#F5F2ECoklch(0.962 0.009 84.6)colourwaythemevolumecontrast
Tailwind
bg-pair-balloon-paper-bg
TS
hexLook(look).roles​["--mk-pair-balloon-paper-bg"]
Swift
MakrTokens.pairBalloonPaperBg
colour.pair
--mk-pair-balloon-paper-fgpair.balloon.paper.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-balloon-paper-fg
TS
hexLook(look).roles​["--mk-pair-balloon-paper-fg"]
Swift
MakrTokens.pairBalloonPaperFg
colour.pair
--mk-pair-balloon-white-bgpair.balloon.white.bg#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontrast
Tailwind
bg-pair-balloon-white-bg
TS
hexLook(look).roles​["--mk-pair-balloon-white-bg"]
Swift
MakrTokens.pairBalloonWhiteBg
colour.pair
--mk-pair-balloon-white-fgpair.balloon.white.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-balloon-white-fg
TS
hexLook(look).roles​["--mk-pair-balloon-white-fg"]
Swift
MakrTokens.pairBalloonWhiteFg
colour.pair
--mk-pair-balloon-caption-bgpair.balloon.caption.bg#F1EDCBoklch(0.940 0.045 101.7)colourwaythemevolumecontrast
Tailwind
bg-pair-balloon-caption-bg
TS
hexLook(look).roles​["--mk-pair-balloon-caption-bg"]
Swift
MakrTokens.pairBalloonCaptionBg
colour.pair
--mk-pair-balloon-caption-fgpair.balloon.caption.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-balloon-caption-fg
TS
hexLook(look).roles​["--mk-pair-balloon-caption-fg"]
Swift
MakrTokens.pairBalloonCaptionFg
colour.pair
--mk-pair-balloon-inverse-bgpair.balloon.inverse.bg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-balloon-inverse-bg
TS
hexLook(look).roles​["--mk-pair-balloon-inverse-bg"]
Swift
MakrTokens.pairBalloonInverseBg
colour.pair
--mk-pair-balloon-inverse-fgpair.balloon.inverse.fg#F5F2ECoklch(0.962 0.009 84.6)colourwaythemevolumecontrast
Tailwind
bg-pair-balloon-inverse-fg
TS
hexLook(look).roles​["--mk-pair-balloon-inverse-fg"]
Swift
MakrTokens.pairBalloonInverseFg
colour.pair
--mk-pair-balloon-spot-bgpair.balloon.spot.bg#F7E670oklch(0.916 0.140 101.2)colourwaythemevolumecontrast
Tailwind
bg-pair-balloon-spot-bg
TS
hexLook(look).roles​["--mk-pair-balloon-spot-bg"]
Swift
MakrTokens.pairBalloonSpotBg
colour.pair
--mk-pair-balloon-spot-fgpair.balloon.spot.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-balloon-spot-fg
TS
hexLook(look).roles​["--mk-pair-balloon-spot-fg"]
Swift
MakrTokens.pairBalloonSpotFg
colour.pair
--mk-pair-caption-narration-bgpair.caption.narration.bg#F1EDCBoklch(0.940 0.045 101.7)colourwaythemevolumecontrast
Tailwind
bg-pair-caption-narration-bg
TS
hexLook(look).roles​["--mk-pair-caption-narration-bg"]
Swift
MakrTokens.pairCaptionNarrationBg
colour.pair
--mk-pair-caption-narration-fgpair.caption.narration.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-caption-narration-fg
TS
hexLook(look).roles​["--mk-pair-caption-narration-fg"]
Swift
MakrTokens.pairCaptionNarrationFg
colour.pair
--mk-pair-caption-place-bgpair.caption.place.bg#F5F2ECoklch(0.962 0.009 84.6)colourwaythemevolumecontrast
Tailwind
bg-pair-caption-place-bg
TS
hexLook(look).roles​["--mk-pair-caption-place-bg"]
Swift
MakrTokens.pairCaptionPlaceBg
colour.pair
--mk-pair-caption-place-fgpair.caption.place.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-caption-place-fg
TS
hexLook(look).roles​["--mk-pair-caption-place-fg"]
Swift
MakrTokens.pairCaptionPlaceFg
colour.pair
--mk-pair-caption-transition-bgpair.caption.transition.bg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-caption-transition-bg
TS
hexLook(look).roles​["--mk-pair-caption-transition-bg"]
Swift
MakrTokens.pairCaptionTransitionBg
colour.pair
--mk-pair-caption-transition-fgpair.caption.transition.fg#F5F2ECoklch(0.962 0.009 84.6)colourwaythemevolumecontrast
Tailwind
bg-pair-caption-transition-fg
TS
hexLook(look).roles​["--mk-pair-caption-transition-fg"]
Swift
MakrTokens.pairCaptionTransitionFg
colour.pair
--mk-pair-sticker-m-bgpair.sticker.m.bg#C31A9Doklch(0.559 0.230 340.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-m-bg
TS
hexLook(look).roles​["--mk-pair-sticker-m-bg"]
Swift
MakrTokens.pairStickerMBg
colour.pair
--mk-pair-sticker-m-fgpair.sticker.m.fg#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-m-fg
TS
hexLook(look).roles​["--mk-pair-sticker-m-fg"]
Swift
MakrTokens.pairStickerMFg
colour.pair
--mk-pair-sticker-a-bgpair.sticker.a.bg#1CBCF2oklch(0.744 0.141 228.4)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-a-bg
TS
hexLook(look).roles​["--mk-pair-sticker-a-bg"]
Swift
MakrTokens.pairStickerABg
colour.pair
--mk-pair-sticker-a-fgpair.sticker.a.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-a-fg
TS
hexLook(look).roles​["--mk-pair-sticker-a-fg"]
Swift
MakrTokens.pairStickerAFg
colour.pair
--mk-pair-sticker-r-bgpair.sticker.r.bg#CE4C00oklch(0.586 0.178 41.7)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-r-bg
TS
hexLook(look).roles​["--mk-pair-sticker-r-bg"]
Swift
MakrTokens.pairStickerRBg
colour.pair
--mk-pair-sticker-r-fgpair.sticker.r.fg#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-r-fg
TS
hexLook(look).roles​["--mk-pair-sticker-r-fg"]
Swift
MakrTokens.pairStickerRFg
colour.pair
--mk-pair-sticker-k-bgpair.sticker.k.bg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-k-bg
TS
hexLook(look).roles​["--mk-pair-sticker-k-bg"]
Swift
MakrTokens.pairStickerKBg
colour.pair
--mk-pair-sticker-k-fgpair.sticker.k.fg#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-k-fg
TS
hexLook(look).roles​["--mk-pair-sticker-k-fg"]
Swift
MakrTokens.pairStickerKFg
colour.pair
--mk-pair-sticker-y-bgpair.sticker.y.bg#FFE500oklch(0.915 0.191 101.0)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-y-bg
TS
hexLook(look).roles​["--mk-pair-sticker-y-bg"]
Swift
MakrTokens.pairStickerYBg
colour.pair
--mk-pair-sticker-y-fgpair.sticker.y.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-y-fg
TS
hexLook(look).roles​["--mk-pair-sticker-y-fg"]
Swift
MakrTokens.pairStickerYFg
colour.pair
--mk-pair-sticker-wood-bgpair.sticker.wood.bg#D9B27Coklch(0.786 0.084 75.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-wood-bg
TS
hexLook(look).roles​["--mk-pair-sticker-wood-bg"]
Swift
MakrTokens.pairStickerWoodBg
colour.pair
--mk-pair-sticker-wood-fgpair.sticker.wood.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-wood-fg
TS
hexLook(look).roles​["--mk-pair-sticker-wood-fg"]
Swift
MakrTokens.pairStickerWoodFg
colour.pair
--mk-pair-sticker-lead-bgpair.sticker.lead.bg#C31A9Doklch(0.559 0.230 340.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-lead-bg
TS
hexLook(look).roles​["--mk-pair-sticker-lead-bg"]
Swift
MakrTokens.pairStickerLeadBg
colour.pair
--mk-pair-sticker-lead-fgpair.sticker.lead.fg#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-lead-fg
TS
hexLook(look).roles​["--mk-pair-sticker-lead-fg"]
Swift
MakrTokens.pairStickerLeadFg
colour.pair
--mk-pair-sticker-support-bgpair.sticker.support.bg#1CBCF2oklch(0.744 0.141 228.4)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-support-bg
TS
hexLook(look).roles​["--mk-pair-sticker-support-bg"]
Swift
MakrTokens.pairStickerSupportBg
colour.pair
--mk-pair-sticker-support-fgpair.sticker.support.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-support-fg
TS
hexLook(look).roles​["--mk-pair-sticker-support-fg"]
Swift
MakrTokens.pairStickerSupportFg
colour.pair
--mk-pair-sticker-spot-bgpair.sticker.spot.bg#FFE500oklch(0.915 0.191 101.0)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-spot-bg
TS
hexLook(look).roles​["--mk-pair-sticker-spot-bg"]
Swift
MakrTokens.pairStickerSpotBg
colour.pair
--mk-pair-sticker-spot-fgpair.sticker.spot.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-spot-fg
TS
hexLook(look).roles​["--mk-pair-sticker-spot-fg"]
Swift
MakrTokens.pairStickerSpotFg
colour.pair
--mk-pair-sticker-ink-bgpair.sticker.ink.bg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-ink-bg
TS
hexLook(look).roles​["--mk-pair-sticker-ink-bg"]
Swift
MakrTokens.pairStickerInkBg
colour.pair
--mk-pair-sticker-ink-fgpair.sticker.ink.fg#F5F2ECoklch(0.962 0.009 84.6)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-ink-fg
TS
hexLook(look).roles​["--mk-pair-sticker-ink-fg"]
Swift
MakrTokens.pairStickerInkFg
colour.pair
--mk-pair-sticker-paper-bgpair.sticker.paper.bg#FFFFFFoklch(1.000 0.000 0.0)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-paper-bg
TS
hexLook(look).roles​["--mk-pair-sticker-paper-bg"]
Swift
MakrTokens.pairStickerPaperBg
colour.pair
--mk-pair-sticker-paper-fgpair.sticker.paper.fg#15131Aoklch(0.192 0.014 298.1)colourwaythemevolumecontrast
Tailwind
bg-pair-sticker-paper-fg
TS
hexLook(look).roles​["--mk-pair-sticker-paper-fg"]
Swift
MakrTokens.pairStickerPaperFg
colour.pair
--mk-data-accentdata.accent#C31A9Doklch(0.559 0.230 340.1)colourwaythemecontraststock
Tailwind
bg-data-accent
TS
hexLook(look).roles​["--mk-data-accent"]
Swift
MakrTokens.dataAccent
colour.data
--mk-data-inkdata.ink#15131Aoklch(0.192 0.014 298.1)colourwaythemecontraststock
Tailwind
bg-data-ink
TS
hexLook(look).roles​["--mk-data-ink"]
Swift
MakrTokens.dataInk
colour.data
--mk-data-2data.2#00B4EAoklch(0.720 0.141 228.6)colourwaythemecontraststock
Tailwind
bg-data-2
TS
hexLook(look).roles​["--mk-data-2"]
Swift
MakrTokens.data2
colour.data
--mk-data-seq-1data.seq.1#FAE1F0oklch(0.934 0.034 341.0)colourwaythemecontraststock
Tailwind
bg-data-seq-1
TS
hexLook(look).roles​["--mk-data-seq-1"]
Swift
MakrTokens.dataSeq1
colour.data
--mk-data-seq-2data.seq.2#F1B8DDoklch(0.845 0.081 339.9)colourwaythemecontraststock
Tailwind
bg-data-seq-2
TS
hexLook(look).roles​["--mk-data-seq-2"]
Swift
MakrTokens.dataSeq2
colour.data
--mk-data-seq-3data.seq.3#E68FC9oklch(0.757 0.127 340.4)colourwaythemecontraststock
Tailwind
bg-data-seq-3
TS
hexLook(look).roles​["--mk-data-seq-3"]
Swift
MakrTokens.dataSeq3
colour.data
--mk-data-seq-4data.seq.4#D864B6oklch(0.670 0.173 340.1)colourwaythemecontraststock
Tailwind
bg-data-seq-4
TS
hexLook(look).roles​["--mk-data-seq-4"]
Swift
MakrTokens.dataSeq4
colour.data
--mk-data-seq-5data.seq.5#C31A9Doklch(0.559 0.230 340.1)colourwaythemecontraststock
Tailwind
bg-data-seq-5
TS
hexLook(look).roles​["--mk-data-seq-5"]
Swift
MakrTokens.dataSeq5
colour.data
--mk-data-griddata.grid#D1CECBoklch(0.853 0.005 67.8)colourwaythemecontraststock
Tailwind
bg-data-grid
TS
hexLook(look).roles​["--mk-data-grid"]
Swift
MakrTokens.dataGrid
colour.data
--mk-data-axisdata.axis#15131Aoklch(0.192 0.014 298.1)colourwaythemecontraststock
Tailwind
bg-data-axis
TS
hexLook(look).roles​["--mk-data-axis"]
Swift
MakrTokens.dataAxis
colour.data
--mk-data-keylinedata.keyline#15131Aoklch(0.192 0.014 298.1)colourwaythemecontraststock
Tailwind
bg-data-keyline
TS
hexLook(look).roles​["--mk-data-keyline"]
Swift
MakrTokens.dataKeyline
colour.data
--mk-code-surfacecode.surface#FFFFFFoklch(1.000 0.000 0.0)colourwaythemecontraststock
Tailwind
bg-code-surface
TS
hexLook(look).roles​["--mk-code-surface"]
Swift
MakrTokens.codeSurface
colour.code
--mk-code-textcode.text#15131Aoklch(0.192 0.014 298.1)colourwaythemecontraststock
Tailwind
bg-code-text
TS
hexLook(look).roles​["--mk-code-text"]
Swift
MakrTokens.codeText
colour.code
--mk-code-keywordcode.keyword#A50083oklch(0.487 0.211 340.4)colourwaythemecontraststock
Tailwind
bg-code-keyword
TS
hexLook(look).roles​["--mk-code-keyword"]
Swift
MakrTokens.codeKeyword
colour.code
--mk-code-stringcode.string#006A3Boklch(0.461 0.113 155.2)colourwaythemecontraststock
Tailwind
bg-code-string
TS
hexLook(look).roles​["--mk-code-string"]
Swift
MakrTokens.codeString
colour.code
--mk-code-numbercode.number#A03900oklch(0.486 0.148 41.6)colourwaythemecontraststock
Tailwind
bg-code-number
TS
hexLook(look).roles​["--mk-code-number"]
Swift
MakrTokens.codeNumber
colour.code
--mk-code-functioncode.function#006383oklch(0.467 0.092 229.1)colourwaythemecontraststock
Tailwind
bg-code-function
TS
hexLook(look).roles​["--mk-code-function"]
Swift
MakrTokens.codeFunction
colour.code
--mk-code-commentcode.comment#5E5C62oklch(0.479 0.010 301.2)colourwaythemecontraststock
Tailwind
bg-code-comment
TS
hexLook(look).roles​["--mk-code-comment"]
Swift
MakrTokens.codeComment
colour.code
--mk-code-punctuationcode.punctuation#524F54oklch(0.432 0.009 312.2)colourwaythemecontraststock
Tailwind
bg-code-punctuation
TS
hexLook(look).roles​["--mk-code-punctuation"]
Swift
MakrTokens.codePunctuation
colour.code

Type Open on its own page

Type tokens
TokenValue in this lookVaries byIn codeDescription
--mk-font-displayfont.display"Arial Black", Impact, sans-serifvoice
Tailwind
font-display
TS
ROLES (name "--mk-font-display")
Swift
MakrTokens.fontDisplay
type.family
--mk-font-display-italicfont.display.italic"Arial Black", Impact, sans-serifvoice
Tailwind
font-display-italic
TS
ROLES (name "--mk-font-display-italic")
Swift
MakrTokens.fontDisplayItalic
type.family
--mk-font-textfont.textui-sans-serif, system-ui, sans-serifvoice
Tailwind
font-text
TS
ROLES (name "--mk-font-text")
Swift
MakrTokens.fontText
type.family
--mk-font-text-italicfont.text.italicui-sans-serif, system-ui, sans-serifvoice
Tailwind
font-text-italic
TS
ROLES (name "--mk-font-text-italic")
Swift
MakrTokens.fontTextItalic
type.family
--mk-font-letterfont.letterui-rounded, sans-serifvoice
Tailwind
font-letter
TS
ROLES (name "--mk-font-letter")
Swift
MakrTokens.fontLetter
type.family
--mk-font-codefont.codeui-monospace, monospacevoice
Tailwind
font-code
TS
ROLES (name "--mk-font-code")
Swift
MakrTokens.fontCode
type.family
--mk-display-familydisplay.familyvar(--mk-font-display)voice
Tailwind
none
TS
ROLES (name "--mk-display-family")
Swift
MakrTokens.displayFamily
type.family
--mk-type-lede-sizetype.lede.sizeclamp(1.25rem, 1.1571rem + 0.381vw, 1.5rem)volume
Tailwind
text-lede
TS
ROLES (name "--mk-type-lede-size")
Swift
MakrTokens.typeLedeSize
type.size
--mk-type-statement-sizetype.statement.sizeclamp(1.375rem, 1.2357rem + 0.571vw, 1.875rem)volume
Tailwind
text-statement
TS
ROLES (name "--mk-type-statement-size")
Swift
MakrTokens.typeStatementSize
type.size
--mk-type-body-sizetype.body.size1.125remvolume
Tailwind
text-body
TS
ROLES (name "--mk-type-body-size")
Swift
MakrTokens.typeBodySize
type.size
--mk-type-body-ui-sizetype.body.ui.size1remvolume
Tailwind
text-body-ui
TS
ROLES (name "--mk-type-body-ui-size")
Swift
MakrTokens.typeBodyUiSize
type.size
--mk-type-meta-sizetype.meta.size1remvolume
Tailwind
text-meta
TS
ROLES (name "--mk-type-meta-size")
Swift
MakrTokens.typeMetaSize
type.size
--mk-type-row-title-sizetype.row.title.size1.125remvolume
Tailwind
text-row-title
TS
ROLES (name "--mk-type-row-title-size")
Swift
MakrTokens.typeRowTitleSize
type.size
--mk-type-field-label-sizetype.field.label.size1remvolume
Tailwind
text-field-label
TS
ROLES (name "--mk-type-field-label-size")
Swift
MakrTokens.typeFieldLabelSize
type.size
--mk-type-label-sizetype.label.size0.875remvolume
Tailwind
text-label
TS
ROLES (name "--mk-type-label-size")
Swift
MakrTokens.typeLabelSize
type.size
--mk-type-control-sm-sizetype.control.sm.size1remvolume
Tailwind
text-control-sm
TS
ROLES (name "--mk-type-control-sm-size")
Swift
MakrTokens.typeControlSmSize
type.size
--mk-type-control-md-sizetype.control.md.size1.0625remvolume
Tailwind
text-control-md
TS
ROLES (name "--mk-type-control-md-size")
Swift
MakrTokens.typeControlMdSize
type.size
--mk-type-control-lg-sizetype.control.lg.size1.125remvolume
Tailwind
text-control-lg
TS
ROLES (name "--mk-type-control-lg-size")
Swift
MakrTokens.typeControlLgSize
type.size
--mk-type-nav-sizetype.nav.size1remvolume
Tailwind
text-nav
TS
ROLES (name "--mk-type-nav-size")
Swift
MakrTokens.typeNavSize
type.size
--mk-type-code-sizetype.code.size1remvolume
Tailwind
text-code
TS
ROLES (name "--mk-type-code-size")
Swift
MakrTokens.typeCodeSize
type.size
--mk-type-letter-balloon-sizetype.letter.balloon.size1remvolume
Tailwind
text-letter-balloon
TS
ROLES (name "--mk-type-letter-balloon-size")
Swift
MakrTokens.typeLetterBalloonSize
type.size
--mk-type-letter-caption-sizetype.letter.caption.size1remvolume
Tailwind
text-letter-caption
TS
ROLES (name "--mk-type-letter-caption-size")
Swift
MakrTokens.typeLetterCaptionSize
type.size
--mk-type-letter-shout-sizetype.letter.shout.size1.3125remvolume
Tailwind
text-letter-shout
TS
ROLES (name "--mk-type-letter-shout-size")
Swift
MakrTokens.typeLetterShoutSize
type.size
--mk-type-letter-whisper-sizetype.letter.whisper.size1remvolume
Tailwind
text-letter-whisper
TS
ROLES (name "--mk-type-letter-whisper-size")
Swift
MakrTokens.typeLetterWhisperSize
type.size
--mk-type-letter-note-sizetype.letter.note.size1remvolume
Tailwind
text-letter-note
TS
ROLES (name "--mk-type-letter-note-size")
Swift
MakrTokens.typeLetterNoteSize
type.size
--mk-type-display-sizetype.display.sizeclamp(3rem, 2.0714rem + 3.81vw, 6.5rem)volume
Tailwind
text-display
TS
ROLES (name "--mk-type-display-size")
Swift
MakrTokens.typeDisplaySize
type.size
--mk-type-head-section-sizetype.head.section.sizeclamp(2rem, 1.675rem + 1.333vw, 3.25rem)volume
Tailwind
text-head-section
TS
ROLES (name "--mk-type-head-section-size")
Swift
MakrTokens.typeHeadSectionSize
type.size
--mk-type-head-card-sizetype.head.card.sizeclamp(1.5rem, 1.3607rem + 0.571vw, 2rem)volume
Tailwind
text-head-card
TS
ROLES (name "--mk-type-head-card-size")
Swift
MakrTokens.typeHeadCardSize
type.size
--mk-type-kicker-sizetype.kicker.sizeclamp(1.5rem, 1.3607rem + 0.571vw, 2rem)volume
Tailwind
text-kicker
TS
ROLES (name "--mk-type-kicker-size")
Swift
MakrTokens.typeKickerSize
type.size
--mk-type-numeral-xl-sizetype.numeral.xl.sizeclamp(3.5rem, 2.9429rem + 2.2857vw, 5.5rem)volume
Tailwind
text-numeral-xl
TS
ROLES (name "--mk-type-numeral-xl-size")
Swift
MakrTokens.typeNumeralXlSize
type.size
--mk-type-numeral-l-sizetype.numeral.l.sizeclamp(2.75rem, 2.5179rem + 0.9524vw, 3.625rem)volume
Tailwind
text-numeral-l
TS
ROLES (name "--mk-type-numeral-l-size")
Swift
MakrTokens.typeNumeralLSize
type.size
--mk-type-numeral-m-sizetype.numeral.m.sizeclamp(2rem, 1.9071rem + 0.381vw, 2.25rem)volume
Tailwind
text-numeral-m
TS
ROLES (name "--mk-type-numeral-m-size")
Swift
MakrTokens.typeNumeralMSize
type.size
--mk-type-numeral-s-sizetype.numeral.s.size1.5remvolume
Tailwind
text-numeral-s
TS
ROLES (name "--mk-type-numeral-s-size")
Swift
MakrTokens.typeNumeralSSize
type.size
--mk-type-sfx-sizetype.sfx.sizeclamp(3.5rem, 2.2rem + 5.333vw, 8rem)volume
Tailwind
text-sfx
TS
ROLES (name "--mk-type-sfx-size")
Swift
MakrTokens.typeSfxSize
type.size
--mk-type-wordmark-sizetype.wordmark.size1.3125remvolume
Tailwind
text-wordmark
TS
ROLES (name "--mk-type-wordmark-size")
Swift
MakrTokens.typeWordmarkSize
type.size
--mk-type-lede-leadingtype.lede.leading1.4nothing
Tailwind
text-lede--line-height
TS
ROLES (name "--mk-type-lede-leading")
Swift
MakrTokens.typeLedeLeading
type.leading
--mk-type-statement-leadingtype.statement.leading1.3nothing
Tailwind
text-statement--line-height
TS
ROLES (name "--mk-type-statement-leading")
Swift
MakrTokens.typeStatementLeading
type.leading
--mk-type-body-leadingtype.body.leading1.55nothing
Tailwind
text-body--line-height
TS
ROLES (name "--mk-type-body-leading")
Swift
MakrTokens.typeBodyLeading
type.leading
--mk-type-body-ui-leadingtype.body.ui.leading1.5nothing
Tailwind
text-body-ui--line-height
TS
ROLES (name "--mk-type-body-ui-leading")
Swift
MakrTokens.typeBodyUiLeading
type.leading
--mk-type-meta-leadingtype.meta.leading1.4nothing
Tailwind
text-meta--line-height
TS
ROLES (name "--mk-type-meta-leading")
Swift
MakrTokens.typeMetaLeading
type.leading
--mk-type-row-title-leadingtype.row.title.leading1.3nothing
Tailwind
text-row-title--line-height
TS
ROLES (name "--mk-type-row-title-leading")
Swift
MakrTokens.typeRowTitleLeading
type.leading
--mk-type-field-label-leadingtype.field.label.leading1.3nothing
Tailwind
text-field-label--line-height
TS
ROLES (name "--mk-type-field-label-leading")
Swift
MakrTokens.typeFieldLabelLeading
type.leading
--mk-type-label-leadingtype.label.leading1.3nothing
Tailwind
text-label--line-height
TS
ROLES (name "--mk-type-label-leading")
Swift
MakrTokens.typeLabelLeading
type.leading
--mk-type-control-sm-leadingtype.control.sm.leading1nothing
Tailwind
text-control-sm--line-height
TS
ROLES (name "--mk-type-control-sm-leading")
Swift
MakrTokens.typeControlSmLeading
type.leading
--mk-type-control-md-leadingtype.control.md.leading1nothing
Tailwind
text-control-md--line-height
TS
ROLES (name "--mk-type-control-md-leading")
Swift
MakrTokens.typeControlMdLeading
type.leading
--mk-type-control-lg-leadingtype.control.lg.leading1nothing
Tailwind
text-control-lg--line-height
TS
ROLES (name "--mk-type-control-lg-leading")
Swift
MakrTokens.typeControlLgLeading
type.leading
--mk-type-nav-leadingtype.nav.leading1nothing
Tailwind
text-nav--line-height
TS
ROLES (name "--mk-type-nav-leading")
Swift
MakrTokens.typeNavLeading
type.leading
--mk-type-code-leadingtype.code.leading1.6nothing
Tailwind
text-code--line-height
TS
ROLES (name "--mk-type-code-leading")
Swift
MakrTokens.typeCodeLeading
type.leading
--mk-type-letter-balloon-leadingtype.letter.balloon.leading1.42nothing
Tailwind
text-letter-balloon--line-height
TS
ROLES (name "--mk-type-letter-balloon-leading")
Swift
MakrTokens.typeLetterBalloonLeading
type.leading
--mk-type-letter-caption-leadingtype.letter.caption.leading1.5nothing
Tailwind
text-letter-caption--line-height
TS
ROLES (name "--mk-type-letter-caption-leading")
Swift
MakrTokens.typeLetterCaptionLeading
type.leading
--mk-type-letter-shout-leadingtype.letter.shout.leading1.1nothing
Tailwind
text-letter-shout--line-height
TS
ROLES (name "--mk-type-letter-shout-leading")
Swift
MakrTokens.typeLetterShoutLeading
type.leading
--mk-type-letter-whisper-leadingtype.letter.whisper.leading1.42nothing
Tailwind
text-letter-whisper--line-height
TS
ROLES (name "--mk-type-letter-whisper-leading")
Swift
MakrTokens.typeLetterWhisperLeading
type.leading
--mk-type-letter-note-leadingtype.letter.note.leading1.4nothing
Tailwind
text-letter-note--line-height
TS
ROLES (name "--mk-type-letter-note-leading")
Swift
MakrTokens.typeLetterNoteLeading
type.leading
--mk-type-display-leadingtype.display.leading0.9nothing
Tailwind
text-display--line-height
TS
ROLES (name "--mk-type-display-leading")
Swift
MakrTokens.typeDisplayLeading
type.leading
--mk-type-head-section-leadingtype.head.section.leading1nothing
Tailwind
text-head-section--line-height
TS
ROLES (name "--mk-type-head-section-leading")
Swift
MakrTokens.typeHeadSectionLeading
type.leading
--mk-type-head-card-leadingtype.head.card.leading1.05nothing
Tailwind
text-head-card--line-height
TS
ROLES (name "--mk-type-head-card-leading")
Swift
MakrTokens.typeHeadCardLeading
type.leading
--mk-type-kicker-leadingtype.kicker.leading1.1nothing
Tailwind
text-kicker--line-height
TS
ROLES (name "--mk-type-kicker-leading")
Swift
MakrTokens.typeKickerLeading
type.leading
--mk-type-numeral-xl-leadingtype.numeral.xl.leading0.9nothing
Tailwind
text-numeral-xl--line-height
TS
ROLES (name "--mk-type-numeral-xl-leading")
Swift
MakrTokens.typeNumeralXlLeading
type.leading
--mk-type-numeral-l-leadingtype.numeral.l.leading0.9nothing
Tailwind
text-numeral-l--line-height
TS
ROLES (name "--mk-type-numeral-l-leading")
Swift
MakrTokens.typeNumeralLLeading
type.leading
--mk-type-numeral-m-leadingtype.numeral.m.leading0.95nothing
Tailwind
text-numeral-m--line-height
TS
ROLES (name "--mk-type-numeral-m-leading")
Swift
MakrTokens.typeNumeralMLeading
type.leading
--mk-type-numeral-s-leadingtype.numeral.s.leading1nothing
Tailwind
text-numeral-s--line-height
TS
ROLES (name "--mk-type-numeral-s-leading")
Swift
MakrTokens.typeNumeralSLeading
type.leading
--mk-type-sfx-leadingtype.sfx.leading0.85nothing
Tailwind
text-sfx--line-height
TS
ROLES (name "--mk-type-sfx-leading")
Swift
MakrTokens.typeSfxLeading
type.leading
--mk-type-wordmark-leadingtype.wordmark.leading1nothing
Tailwind
text-wordmark--line-height
TS
ROLES (name "--mk-type-wordmark-leading")
Swift
MakrTokens.typeWordmarkLeading
type.leading
--mk-type-lede-trackingtype.lede.tracking-0.005emvoice
Tailwind
text-lede--letter-spacing
TS
ROLES (name "--mk-type-lede-tracking")
Swift
MakrTokens.typeLedeTracking
type.tracking
--mk-type-statement-trackingtype.statement.tracking-0.01emvoice
Tailwind
text-statement--letter-spacing
TS
ROLES (name "--mk-type-statement-tracking")
Swift
MakrTokens.typeStatementTracking
type.tracking
--mk-type-body-trackingtype.body.tracking0voice
Tailwind
text-body--letter-spacing
TS
ROLES (name "--mk-type-body-tracking")
Swift
MakrTokens.typeBodyTracking
type.tracking
--mk-type-body-ui-trackingtype.body.ui.tracking0voice
Tailwind
text-body-ui--letter-spacing
TS
ROLES (name "--mk-type-body-ui-tracking")
Swift
MakrTokens.typeBodyUiTracking
type.tracking
--mk-type-meta-trackingtype.meta.tracking0voice
Tailwind
text-meta--letter-spacing
TS
ROLES (name "--mk-type-meta-tracking")
Swift
MakrTokens.typeMetaTracking
type.tracking
--mk-type-row-title-trackingtype.row.title.tracking-0.005emvoice
Tailwind
text-row-title--letter-spacing
TS
ROLES (name "--mk-type-row-title-tracking")
Swift
MakrTokens.typeRowTitleTracking
type.tracking
--mk-type-field-label-trackingtype.field.label.tracking0voice
Tailwind
text-field-label--letter-spacing
TS
ROLES (name "--mk-type-field-label-tracking")
Swift
MakrTokens.typeFieldLabelTracking
type.tracking
--mk-type-label-trackingtype.label.tracking0voice
Tailwind
text-label--letter-spacing
TS
ROLES (name "--mk-type-label-tracking")
Swift
MakrTokens.typeLabelTracking
type.tracking
--mk-type-control-sm-trackingtype.control.sm.tracking0.005emvoice
Tailwind
text-control-sm--letter-spacing
TS
ROLES (name "--mk-type-control-sm-tracking")
Swift
MakrTokens.typeControlSmTracking
type.tracking
--mk-type-control-md-trackingtype.control.md.tracking0.005emvoice
Tailwind
text-control-md--letter-spacing
TS
ROLES (name "--mk-type-control-md-tracking")
Swift
MakrTokens.typeControlMdTracking
type.tracking
--mk-type-control-lg-trackingtype.control.lg.tracking0.005emvoice
Tailwind
text-control-lg--letter-spacing
TS
ROLES (name "--mk-type-control-lg-tracking")
Swift
MakrTokens.typeControlLgTracking
type.tracking
--mk-type-nav-trackingtype.nav.tracking0voice
Tailwind
text-nav--letter-spacing
TS
ROLES (name "--mk-type-nav-tracking")
Swift
MakrTokens.typeNavTracking
type.tracking
--mk-type-code-trackingtype.code.tracking0voice
Tailwind
text-code--letter-spacing
TS
ROLES (name "--mk-type-code-tracking")
Swift
MakrTokens.typeCodeTracking
type.tracking
--mk-type-letter-balloon-trackingtype.letter.balloon.tracking0.02emvoice
Tailwind
text-letter-balloon--letter-spacing
TS
ROLES (name "--mk-type-letter-balloon-tracking")
Swift
MakrTokens.typeLetterBalloonTracking
type.tracking
--mk-type-letter-caption-trackingtype.letter.caption.tracking0.02emvoice
Tailwind
text-letter-caption--letter-spacing
TS
ROLES (name "--mk-type-letter-caption-tracking")
Swift
MakrTokens.typeLetterCaptionTracking
type.tracking
--mk-type-letter-shout-trackingtype.letter.shout.tracking0.02emvoice
Tailwind
text-letter-shout--letter-spacing
TS
ROLES (name "--mk-type-letter-shout-tracking")
Swift
MakrTokens.typeLetterShoutTracking
type.tracking
--mk-type-letter-whisper-trackingtype.letter.whisper.tracking0.03emvoice
Tailwind
text-letter-whisper--letter-spacing
TS
ROLES (name "--mk-type-letter-whisper-tracking")
Swift
MakrTokens.typeLetterWhisperTracking
type.tracking
--mk-type-letter-note-trackingtype.letter.note.tracking0.03emvoice
Tailwind
text-letter-note--letter-spacing
TS
ROLES (name "--mk-type-letter-note-tracking")
Swift
MakrTokens.typeLetterNoteTracking
type.tracking
--mk-track-displaytrack.display-0.016emvoice
Tailwind
none
TS
ROLES (name "--mk-track-display")
Swift
MakrTokens.trackDisplay
type.tracking
--mk-track-head-sectiontrack.head.section-0.01emvoice
Tailwind
none
TS
ROLES (name "--mk-track-head-section")
Swift
MakrTokens.trackHeadSection
type.tracking
--mk-track-head-cardtrack.head.card-0.01emvoice
Tailwind
none
TS
ROLES (name "--mk-track-head-card")
Swift
MakrTokens.trackHeadCard
type.tracking
--mk-track-kickertrack.kicker0voice
Tailwind
none
TS
ROLES (name "--mk-track-kicker")
Swift
MakrTokens.trackKicker
type.tracking
--mk-track-numeral-xltrack.numeral.xl-0.02emvoice
Tailwind
none
TS
ROLES (name "--mk-track-numeral-xl")
Swift
MakrTokens.trackNumeralXl
type.tracking
--mk-track-numeral-ltrack.numeral.l0voice
Tailwind
none
TS
ROLES (name "--mk-track-numeral-l")
Swift
MakrTokens.trackNumeralL
type.tracking
--mk-track-numeral-mtrack.numeral.m0voice
Tailwind
none
TS
ROLES (name "--mk-track-numeral-m")
Swift
MakrTokens.trackNumeralM
type.tracking
--mk-track-numeral-strack.numeral.s0voice
Tailwind
none
TS
ROLES (name "--mk-track-numeral-s")
Swift
MakrTokens.trackNumeralS
type.tracking
--mk-track-sfxtrack.sfx-0.01emvoice
Tailwind
none
TS
ROLES (name "--mk-track-sfx")
Swift
MakrTokens.trackSfx
type.tracking
--mk-track-wordmarktrack.wordmark-0.005emvoice
Tailwind
none
TS
ROLES (name "--mk-track-wordmark")
Swift
MakrTokens.trackWordmark
type.tracking
--mk-type-lede-weighttype.lede.weight450voicevolume
Tailwind
text-lede--font-weight
TS
ROLES (name "--mk-type-lede-weight")
Swift
MakrTokens.typeLedeWeight
type.weight
--mk-type-statement-weighttype.statement.weight600voicevolume
Tailwind
text-statement--font-weight
TS
ROLES (name "--mk-type-statement-weight")
Swift
MakrTokens.typeStatementWeight
type.weight
--mk-type-body-weighttype.body.weight420voicevolume
Tailwind
text-body--font-weight
TS
ROLES (name "--mk-type-body-weight")
Swift
MakrTokens.typeBodyWeight
type.weight
--mk-type-body-ui-weighttype.body.ui.weight450voicevolume
Tailwind
text-body-ui--font-weight
TS
ROLES (name "--mk-type-body-ui-weight")
Swift
MakrTokens.typeBodyUiWeight
type.weight
--mk-type-meta-weighttype.meta.weight500voicevolume
Tailwind
text-meta--font-weight
TS
ROLES (name "--mk-type-meta-weight")
Swift
MakrTokens.typeMetaWeight
type.weight
--mk-type-row-title-weighttype.row.title.weight600voicevolume
Tailwind
text-row-title--font-weight
TS
ROLES (name "--mk-type-row-title-weight")
Swift
MakrTokens.typeRowTitleWeight
type.weight
--mk-type-field-label-weighttype.field.label.weight600voicevolume
Tailwind
text-field-label--font-weight
TS
ROLES (name "--mk-type-field-label-weight")
Swift
MakrTokens.typeFieldLabelWeight
type.weight
--mk-type-label-weighttype.label.weight600voicevolume
Tailwind
text-label--font-weight
TS
ROLES (name "--mk-type-label-weight")
Swift
MakrTokens.typeLabelWeight
type.weight
--mk-type-control-sm-weighttype.control.sm.weight700voicevolume
Tailwind
text-control-sm--font-weight
TS
ROLES (name "--mk-type-control-sm-weight")
Swift
MakrTokens.typeControlSmWeight
type.weight
--mk-type-control-md-weighttype.control.md.weight700voicevolume
Tailwind
text-control-md--font-weight
TS
ROLES (name "--mk-type-control-md-weight")
Swift
MakrTokens.typeControlMdWeight
type.weight
--mk-type-control-lg-weighttype.control.lg.weight700voicevolume
Tailwind
text-control-lg--font-weight
TS
ROLES (name "--mk-type-control-lg-weight")
Swift
MakrTokens.typeControlLgWeight
type.weight
--mk-type-nav-weighttype.nav.weight600voicevolume
Tailwind
text-nav--font-weight
TS
ROLES (name "--mk-type-nav-weight")
Swift
MakrTokens.typeNavWeight
type.weight
--mk-type-code-weighttype.code.weight450voicevolume
Tailwind
text-code--font-weight
TS
ROLES (name "--mk-type-code-weight")
Swift
MakrTokens.typeCodeWeight
type.weight
--mk-type-letter-balloon-weighttype.letter.balloon.weight560voicevolume
Tailwind
text-letter-balloon--font-weight
TS
ROLES (name "--mk-type-letter-balloon-weight")
Swift
MakrTokens.typeLetterBalloonWeight
type.weight
--mk-type-letter-caption-weighttype.letter.caption.weight520voicevolume
Tailwind
text-letter-caption--font-weight
TS
ROLES (name "--mk-type-letter-caption-weight")
Swift
MakrTokens.typeLetterCaptionWeight
type.weight
--mk-type-letter-shout-weighttype.letter.shout.weight780voicevolume
Tailwind
text-letter-shout--font-weight
TS
ROLES (name "--mk-type-letter-shout-weight")
Swift
MakrTokens.typeLetterShoutWeight
type.weight
--mk-type-letter-whisper-weighttype.letter.whisper.weight500voicevolume
Tailwind
text-letter-whisper--font-weight
TS
ROLES (name "--mk-type-letter-whisper-weight")
Swift
MakrTokens.typeLetterWhisperWeight
type.weight
--mk-type-letter-note-weighttype.letter.note.weight540voicevolume
Tailwind
text-letter-note--font-weight
TS
ROLES (name "--mk-type-letter-note-weight")
Swift
MakrTokens.typeLetterNoteWeight
type.weight
--mk-wght-displaywght.display830voicevolume
Tailwind
none
TS
ROLES (name "--mk-wght-display")
Swift
MakrTokens.wghtDisplay
type.weight
--mk-wght-head-sectionwght.head.section780voicevolume
Tailwind
none
TS
ROLES (name "--mk-wght-head-section")
Swift
MakrTokens.wghtHeadSection
type.weight
--mk-wght-head-cardwght.head.card740voicevolume
Tailwind
none
TS
ROLES (name "--mk-wght-head-card")
Swift
MakrTokens.wghtHeadCard
type.weight
--mk-wght-kickerwght.kicker740voicevolume
Tailwind
none
TS
ROLES (name "--mk-wght-kicker")
Swift
MakrTokens.wghtKicker
type.weight
--mk-wght-numeral-xlwght.numeral.xl900voicevolume
Tailwind
none
TS
ROLES (name "--mk-wght-numeral-xl")
Swift
MakrTokens.wghtNumeralXl
type.weight
--mk-wght-numeral-lwght.numeral.l880voicevolume
Tailwind
none
TS
ROLES (name "--mk-wght-numeral-l")
Swift
MakrTokens.wghtNumeralL
type.weight
--mk-wght-numeral-mwght.numeral.m860voicevolume
Tailwind
none
TS
ROLES (name "--mk-wght-numeral-m")
Swift
MakrTokens.wghtNumeralM
type.weight
--mk-wght-numeral-swght.numeral.s820voicevolume
Tailwind
none
TS
ROLES (name "--mk-wght-numeral-s")
Swift
MakrTokens.wghtNumeralS
type.weight
--mk-wght-sfxwght.sfx900voicevolume
Tailwind
none
TS
ROLES (name "--mk-wght-sfx")
Swift
MakrTokens.wghtSfx
type.weight
--mk-wght-wordmarkwght.wordmark820voicevolume
Tailwind
none
TS
ROLES (name "--mk-wght-wordmark")
Swift
MakrTokens.wghtWordmark
type.weight
--mk-wd-displaywd.display106voice
Tailwind
none
TS
ROLES (name "--mk-wd-display")
Swift
MakrTokens.wdDisplay
type.wdth
--mk-wd-head-sectionwd.head.section104voice
Tailwind
none
TS
ROLES (name "--mk-wd-head-section")
Swift
MakrTokens.wdHeadSection
type.wdth
--mk-wd-head-cardwd.head.card100voice
Tailwind
none
TS
ROLES (name "--mk-wd-head-card")
Swift
MakrTokens.wdHeadCard
type.wdth
--mk-wd-kickerwd.kicker104voice
Tailwind
none
TS
ROLES (name "--mk-wd-kicker")
Swift
MakrTokens.wdKicker
type.wdth
--mk-wd-numeral-xlwd.numeral.xl100voice
Tailwind
none
TS
ROLES (name "--mk-wd-numeral-xl")
Swift
MakrTokens.wdNumeralXl
type.wdth
--mk-wd-numeral-lwd.numeral.l100voice
Tailwind
none
TS
ROLES (name "--mk-wd-numeral-l")
Swift
MakrTokens.wdNumeralL
type.wdth
--mk-wd-numeral-mwd.numeral.m100voice
Tailwind
none
TS
ROLES (name "--mk-wd-numeral-m")
Swift
MakrTokens.wdNumeralM
type.wdth
--mk-wd-numeral-swd.numeral.s100voice
Tailwind
none
TS
ROLES (name "--mk-wd-numeral-s")
Swift
MakrTokens.wdNumeralS
type.wdth
--mk-wd-sfxwd.sfx118voice
Tailwind
none
TS
ROLES (name "--mk-wd-sfx")
Swift
MakrTokens.wdSfx
type.wdth
--mk-wd-wordmarkwd.wordmark108voice
Tailwind
none
TS
ROLES (name "--mk-wd-wordmark")
Swift
MakrTokens.wdWordmark
type.wdth

Space and size Open on its own page

Space and size tokens
TokenValue in this lookVaries byIn codeDescription
--mk-space-0space.00nothing
Tailwind
none
TS
ROLES (name "--mk-space-0")
Swift
MakrTokens.space0
space (both)
--mk-space-1space.10.25remnothing
Tailwind
none
TS
ROLES (name "--mk-space-1")
Swift
MakrTokens.space1
space (both)
--mk-space-2space.20.5remnothing
Tailwind
none
TS
ROLES (name "--mk-space-2")
Swift
MakrTokens.space2
space (both)
--mk-space-3space.30.75remnothing
Tailwind
none
TS
ROLES (name "--mk-space-3")
Swift
MakrTokens.space3
space (both)
--mk-space-4space.41remnothing
Tailwind
none
TS
ROLES (name "--mk-space-4")
Swift
MakrTokens.space4
space (both)
--mk-space-5space.51.25remnothing
Tailwind
none
TS
ROLES (name "--mk-space-5")
Swift
MakrTokens.space5
space (both)
--mk-space-6space.61.5remnothing
Tailwind
none
TS
ROLES (name "--mk-space-6")
Swift
MakrTokens.space6
space (both)
--mk-space-7space.71.75remnothing
Tailwind
none
TS
ROLES (name "--mk-space-7")
Swift
MakrTokens.space7
space (both)
--mk-space-8space.82remnothing
Tailwind
none
TS
ROLES (name "--mk-space-8")
Swift
MakrTokens.space8
space (both)
--mk-space-9space.92.25remnothing
Tailwind
none
TS
ROLES (name "--mk-space-9")
Swift
MakrTokens.space9
space (both)
--mk-space-10space.102.5remnothing
Tailwind
none
TS
ROLES (name "--mk-space-10")
Swift
MakrTokens.space10
space (both)
--mk-space-11space.112.75remnothing
Tailwind
none
TS
ROLES (name "--mk-space-11")
Swift
MakrTokens.space11
space (both)
--mk-space-12space.123remnothing
Tailwind
none
TS
ROLES (name "--mk-space-12")
Swift
MakrTokens.space12
space (both)
--mk-space-13space.133.25remnothing
Tailwind
none
TS
ROLES (name "--mk-space-13")
Swift
MakrTokens.space13
space (both)
--mk-space-14space.143.5remnothing
Tailwind
none
TS
ROLES (name "--mk-space-14")
Swift
MakrTokens.space14
space (both)
--mk-space-15space.153.75remnothing
Tailwind
none
TS
ROLES (name "--mk-space-15")
Swift
MakrTokens.space15
space (both)
--mk-space-16space.164remnothing
Tailwind
none
TS
ROLES (name "--mk-space-16")
Swift
MakrTokens.space16
space (both)
--mk-space-20space.205remnothing
Tailwind
none
TS
ROLES (name "--mk-space-20")
Swift
MakrTokens.space20
space (both)
--mk-space-24space.246remnothing
Tailwind
none
TS
ROLES (name "--mk-space-24")
Swift
MakrTokens.space24
space (both)
--mk-space-32space.328remnothing
Tailwind
none
TS
ROLES (name "--mk-space-32")
Swift
MakrTokens.space32
space (both)
--mk-space-40space.4010remnothing
Tailwind
none
TS
ROLES (name "--mk-space-40")
Swift
MakrTokens.space40
space (both)
--mk-section-smsection.smclamp(1.5rem, 1.3143rem + 0.762vw, 2rem)nothing
Tailwind
none
TS
ROLES (name "--mk-section-sm")
Swift
MakrTokens.sectionSm
space (both)
--mk-section-mdsection.mdclamp(3rem, 2.6286rem + 1.5238vw, 4rem)nothing
Tailwind
none
TS
ROLES (name "--mk-section-md")
Swift
MakrTokens.sectionMd
space (both)
--mk-section-lgsection.lgclamp(4rem, 3.2571rem + 3.0476vw, 6rem)nothing
Tailwind
none
TS
ROLES (name "--mk-section-lg")
Swift
MakrTokens.sectionLg
space (both)
--mk-gap-groupgap.groupclamp(2rem, 1.6286rem + 1.524vw, 3rem)nothing
Tailwind
none
TS
ROLES (name "--mk-gap-group")
Swift
MakrTokens.gapGroup
space (both)
--mk-gap-stackgap.stackclamp(0.75rem, 0.6571rem + 0.381vw, 1rem)nothing
Tailwind
none
TS
ROLES (name "--mk-gap-stack")
Swift
MakrTokens.gapStack
space (both)
--mk-marginmarginclamp(1rem, -0.1143rem + 4.571vw, 4rem)nothing
Tailwind
none
TS
ROLES (name "--mk-margin")
Swift
MakrTokens.margin
space (both)
--mk-gutter-gridgutter.gridclamp(1rem, 0.6286rem + 1.524vw, 2rem)nothing
Tailwind
none
TS
ROLES (name "--mk-gutter-grid")
Swift
MakrTokens.gutterGrid
space (both)
--mk-bp-tabletbp.tablet48remnothing
Tailwind
none
TS
ROLES (name "--mk-bp-tablet")
Swift
MakrTokens.bpTablet
size (both)
--mk-bp-laptopbp.laptop64remnothing
Tailwind
none
TS
ROLES (name "--mk-bp-laptop")
Swift
MakrTokens.bpLaptop
size (both)
--mk-bp-desktopbp.desktop90remnothing
Tailwind
none
TS
ROLES (name "--mk-bp-desktop")
Swift
MakrTokens.bpDesktop
size (both)
--mk-bp-widebp.wide120remnothing
Tailwind
none
TS
ROLES (name "--mk-bp-wide")
Swift
MakrTokens.bpWide
size (both)
--mk-container-smcontainer.sm30remnothing
Tailwind
none
TS
ROLES (name "--mk-container-sm")
Swift
MakrTokens.containerSm
size (both)
--mk-container-mdcontainer.md48remnothing
Tailwind
none
TS
ROLES (name "--mk-container-md")
Swift
MakrTokens.containerMd
size (both)
--mk-container-lgcontainer.lg64remnothing
Tailwind
none
TS
ROLES (name "--mk-container-lg")
Swift
MakrTokens.containerLg
size (both)
--mk-container-xlcontainer.xl80remnothing
Tailwind
none
TS
ROLES (name "--mk-container-xl")
Swift
MakrTokens.containerXl
size (both)
--mk-width-prosewidth.prose70chnothing
Tailwind
none
TS
ROLES (name "--mk-width-prose")
Swift
MakrTokens.widthProse
size (both)
--mk-width-contentwidth.content72remnothing
Tailwind
none
TS
ROLES (name "--mk-width-content")
Swift
MakrTokens.widthContent
size (both)
--mk-width-widewidth.wide90remnothing
Tailwind
none
TS
ROLES (name "--mk-width-wide")
Swift
MakrTokens.widthWide
size (both)
--mk-sheet-maxsheet.max90remnothing
Tailwind
none
TS
ROLES (name "--mk-sheet-max")
Swift
MakrTokens.sheetMax
size (both)
--mk-target-mintarget.min24pxnothing
Tailwind
none
TS
ROLES (name "--mk-target-min")
Swift
MakrTokens.targetMin
size (both)
--mk-target-touchtarget.touch44pxnothing
Tailwind
none
TS
ROLES (name "--mk-target-touch")
Swift
MakrTokens.targetTouch
size (both)
--mk-control-h-smcontrol.h.sm40pxnothing
Tailwind
none
TS
ROLES (name "--mk-control-h-sm")
Swift
MakrTokens.controlHSm
size (both)
--mk-control-h-mdcontrol.h.md48pxnothing
Tailwind
none
TS
ROLES (name "--mk-control-h-md")
Swift
MakrTokens.controlHMd
size (both)
--mk-control-h-lgcontrol.h.lg56pxnothing
Tailwind
none
TS
ROLES (name "--mk-control-h-lg")
Swift
MakrTokens.controlHLg
size (both)

Shape and depth Open on its own page

Shape and depth tokens
TokenValue in this lookVaries byIn codeDescription
--mk-radius-noneradius.none0voice
Tailwind
rounded-none
TS
ROLES (name "--mk-radius-none")
Swift
MakrTokens.radiusNone
radius
--mk-radius-markradius.mark3pxvoice
Tailwind
rounded-mark
TS
ROLES (name "--mk-radius-mark")
Swift
MakrTokens.radiusMark
radius
--mk-radius-chipradius.chip8pxvoice
Tailwind
rounded-chip
TS
ROLES (name "--mk-radius-chip")
Swift
MakrTokens.radiusChip
radius
--mk-radius-controlradius.control10pxvoice
Tailwind
rounded-control
TS
ROLES (name "--mk-radius-control")
Swift
MakrTokens.radiusControl
radius
--mk-radius-plateradius.plate18pxvoice
Tailwind
rounded-plate
TS
ROLES (name "--mk-radius-plate")
Swift
MakrTokens.radiusPlate
radius
--mk-radius-pillradius.pill999pxvoice
Tailwind
rounded-pill
TS
ROLES (name "--mk-radius-pill")
Swift
MakrTokens.radiusPill
radius
--mk-cornercorner1voice
Tailwind
none
TS
ROLES (name "--mk-corner")
Swift
MakrTokens.corner
radius
--mk-borderbordercalc(2px + var(--mk-w-hc) * 1px)contrast
Tailwind
none
TS
ROLES (name "--mk-border")
Swift
MakrTokens.border
border
--mk-border-thinborder.thin1.5pxcontrast
Tailwind
none
TS
ROLES (name "--mk-border-thin")
Swift
MakrTokens.borderThin
border
--mk-border-thickborder.thick3pxcontrast
Tailwind
none
TS
ROLES (name "--mk-border-thick")
Swift
MakrTokens.borderThick
border
--mk-border-heavyborder.heavy4pxcontrast
Tailwind
none
TS
ROLES (name "--mk-border-heavy")
Swift
MakrTokens.borderHeavy
border
--mk-shadow-keyshadow.keyvar(--mk-key-offset, 4px) var(--mk-key-offset, 4px) 0 var(--mk-key-edge, var(--mk-ink))themevolume
Tailwind
shadow-key
TS
ROLES (name "--mk-shadow-key")
Swift
MakrTokens.shadowKey
shadow
--mk-shadow-key-pressedshadow.key.pressednonethemevolume
Tailwind
none
TS
ROLES (name "--mk-shadow-key-pressed")
Swift
MakrTokens.shadowKeyPressed
shadow
--mk-shadow-plateshadow.platevar(--mk-v-plate-offset) var(--mk-v-plate-offset) 0 var(--mk-ink)themevolume
Tailwind
shadow-plate
TS
ROLES (name "--mk-shadow-plate")
Swift
MakrTokens.shadowPlate
shadow
--mk-shadow-menushadow.menu0 18px 40px -16px color-mix(in srgb, var(--mk-shadow-soft) calc(var(--mk-w-bone) * 50% + var(--mk-w-night) * 80%), transparent)themevolume
Tailwind
shadow-menu
TS
ROLES (name "--mk-shadow-menu")
Swift
MakrTokens.shadowMenu
shadow
--mk-shadow-toastshadow.toast0 18px 40px -16px color-mix(in srgb, var(--mk-shadow-soft) calc(var(--mk-w-bone) * 60% + var(--mk-w-night) * 85%), transparent)themevolume
Tailwind
shadow-toast
TS
ROLES (name "--mk-shadow-toast")
Swift
MakrTokens.shadowToast
shadow
--mk-shadow-popshadow.pop0 40px 90px -30px color-mix(in srgb, var(--mk-shadow-soft) calc(var(--mk-w-bone) * 70% + var(--mk-w-night) * 90%), transparent)themevolume
Tailwind
shadow-pop
TS
ROLES (name "--mk-shadow-pop")
Swift
MakrTokens.shadowPop
shadow
--mk-shadow-softshadow.softcolor-mix(in oklab, var(--mk-ink) calc(var(--mk-w-bone) * 100%), #000000)themevolume
Tailwind
none
TS
ROLES (name "--mk-shadow-soft")
Swift
MakrTokens.shadowSoft
shadow
--mk-z-basez.base0nothing
Tailwind
none
TS
ROLES (name "--mk-z-base")
Swift
MakrTokens.zBase
z
--mk-z-artz.art0nothing
Tailwind
none
TS
ROLES (name "--mk-z-art")
Swift
MakrTokens.zArt
z
--mk-z-platez.plate1nothing
Tailwind
none
TS
ROLES (name "--mk-z-plate")
Swift
MakrTokens.zPlate
z
--mk-z-raisedz.raised2nothing
Tailwind
none
TS
ROLES (name "--mk-z-raised")
Swift
MakrTokens.zRaised
z
--mk-z-headerz.header40nothing
Tailwind
none
TS
ROLES (name "--mk-z-header")
Swift
MakrTokens.zHeader
z
--mk-z-dockz.dock45nothing
Tailwind
none
TS
ROLES (name "--mk-z-dock")
Swift
MakrTokens.zDock
z
--mk-z-overlayz.overlay60nothing
Tailwind
none
TS
ROLES (name "--mk-z-overlay")
Swift
MakrTokens.zOverlay
z
--mk-z-popoverz.popover65nothing
Tailwind
none
TS
ROLES (name "--mk-z-popover")
Swift
MakrTokens.zPopover
z
--mk-z-toastz.toast70nothing
Tailwind
none
TS
ROLES (name "--mk-z-toast")
Swift
MakrTokens.zToast
z
--mk-z-tooltipz.tooltip80nothing
Tailwind
none
TS
ROLES (name "--mk-z-tooltip")
Swift
MakrTokens.zTooltip
z
--mk-z-cursorz.cursor90nothing
Tailwind
none
TS
ROLES (name "--mk-z-cursor")
Swift
MakrTokens.zCursor
z
--mk-z-bootz.boot100nothing
Tailwind
none
TS
ROLES (name "--mk-z-boot")
Swift
MakrTokens.zBoot
z
--mk-z-skipz.skip110nothing
Tailwind
none
TS
ROLES (name "--mk-z-skip")
Swift
MakrTokens.zSkip
z

Volume and switches Open on its own page

Volume and switches tokens
TokenValue in this lookVaries byIn codeDescription
--mk-blendblendvar(--mk-t-bone, var(--mk-blend--b)) var(--mk-t-night, var(--mk-blend--n))colourwaytheme
Tailwind
none
TS
ROLES (name "--mk-blend")
Swift
MakrTokens.blend
keyword
--mk-themetheme0themevolumecontrastsecond-ink
Tailwind
none
TS
ROLES (name "--mk-theme")
Swift
MakrTokens.theme
index
--mk-volume-basevolume.base1themevolumecontrastsecond-ink
Tailwind
none
TS
ROLES (name "--mk-volume-base")
Swift
MakrTokens.volumeBase
index
--mk-volumevolume1themevolumecontrastsecond-ink
Tailwind
none
TS
ROLES (name "--mk-volume")
Swift
MakrTokens.volume
index
--mk-contrastcontrast0themevolumecontrastsecond-ink
Tailwind
none
TS
ROLES (name "--mk-contrast")
Swift
MakrTokens.contrast
index
--mk-ov-modeov.mode2themevolumecontrastsecond-ink
Tailwind
none
TS
ROLES (name "--mk-ov-mode")
Swift
MakrTokens.ovMode
index
--mk-ov-onov.oncalc(min(1, var(--mk-ov-mode)) * min(1, var(--mk-volume)) * (1 - var(--mk-contrast)))themevolumecontrastsecond-ink
Tailwind
none
TS
ROLES (name "--mk-ov-on")
Swift
MakrTokens.ovOn
index
--mk-ov-on-headov.on.headcalc(min(1, var(--mk-ov-mode)) * min(1, max(0, var(--mk-volume) - 1)) * (1 - var(--mk-contrast)))themevolumecontrastsecond-ink
Tailwind
none
TS
ROLES (name "--mk-ov-on-head")
Swift
MakrTokens.ovOnHead
index
--mk-w-quietw.quietmax(0, 1 - var(--mk-volume))themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-quiet")
Swift
MakrTokens.wQuiet
weight
--mk-w-studiow.studiomax(0, 1 - (var(--mk-volume) - 1) * (var(--mk-volume) - 1))themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-studio")
Swift
MakrTokens.wStudio
weight
--mk-w-pressw.pressmax(0, 1 - (var(--mk-volume) - 2) * (var(--mk-volume) - 2))themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-press")
Swift
MakrTokens.wPress
weight
--mk-w-ravew.ravemax(0, var(--mk-volume) - 2)themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-rave")
Swift
MakrTokens.wRave
weight
--mk-w-bonew.bonecalc(1 - var(--mk-theme))themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-bone")
Swift
MakrTokens.wBone
weight
--mk-w-nightw.nightvar(--mk-theme)themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-night")
Swift
MakrTokens.wNight
weight
--mk-w-hcw.hcvar(--mk-contrast)themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-hc")
Swift
MakrTokens.wHc
weight
--mk-w-p3w.p3min(1, max(0, var(--mk-volume) - 1))themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-p3")
Swift
MakrTokens.wP3
weight
--mk-w-cx-studiow.cx.studiocalc(1 - var(--mk-w-cx-old) - var(--mk-w-cx-neon))themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-cx-studio")
Swift
MakrTokens.wCxStudio
weight
--mk-w-cx-oldw.cx.oldcalc((1 - var(--mk-theme)) * var(--mk-w-press))themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-cx-old")
Swift
MakrTokens.wCxOld
weight
--mk-w-cx-neonw.cx.neonmax(calc(var(--mk-theme) * (1 - var(--mk-w-quiet))), var(--mk-w-rave))themevolumecontrast
Tailwind
none
TS
ROLES (name "--mk-w-cx-neon")
Swift
MakrTokens.wCxNeon
weight
--mk-v-grainv.grain · art layercalc((var(--mk-w-studio) * 0.45 + (var(--mk-w-press) + var(--mk-w-rave)) * 0.55) * (1 - var(--mk-w-hc)))volumecontrast
Tailwind
none
TS
ROLES (name "--mk-v-grain")
Swift
MakrTokens.vGrain
volume
--mk-v-texturev.texture · art layercalc(var(--mk-w-studio) * 1 + var(--mk-w-press) * 2 + var(--mk-w-rave) * 3)volumecontrast
Tailwind
none
TS
ROLES (name "--mk-v-texture")
Swift
MakrTokens.vTexture
volume
--mk-v-sep-offv.sep.off · art layercalc(((var(--mk-w-studio) * 2 + var(--mk-w-press) * 3 + var(--mk-w-rave) * 5) * (1 - var(--mk-w-hc))) * 1px)volumecontrast
Tailwind
none
TS
ROLES (name "--mk-v-sep-off")
Swift
MakrTokens.vSepOff
volume
--mk-v-sep-platesv.sep.plates · art layercalc(1 + ((var(--mk-w-studio) * 1 + (var(--mk-w-press) + var(--mk-w-rave)) * 3) * (1 - var(--mk-w-hc))))volumecontrast
Tailwind
none
TS
ROLES (name "--mk-v-sep-plates")
Swift
MakrTokens.vSepPlates
volume
--mk-v-plate-offsetv.plate.offset · art layercalc((var(--mk-w-studio) * 4 + var(--mk-w-press) * 6 + var(--mk-w-rave) * 8) * 1px)volumecontrast
Tailwind
none
TS
ROLES (name "--mk-v-plate-offset")
Swift
MakrTokens.vPlateOffset
volume
--mk-v-display-scalev.display.scale · art layercalc(var(--mk-w-quiet) * 0.92 + var(--mk-w-studio) * 1 + (var(--mk-w-press) + var(--mk-w-rave)) * 1.12)volumecontrast
Tailwind
none
TS
ROLES (name "--mk-v-display-scale")
Swift
MakrTokens.vDisplayScale
volume
--mk-v-display-wghtv.display.wght · art layercalc(var(--mk-w-quiet) * -30 + (var(--mk-w-press) + var(--mk-w-rave)) * 70)volumecontrast
Tailwind
none
TS
ROLES (name "--mk-v-display-wght")
Swift
MakrTokens.vDisplayWght
volume
--mk-v-tilt-maxv.tilt.max · art layercalc((var(--mk-w-studio) * 3 + var(--mk-w-press) * 6 + var(--mk-w-rave) * 12) * 1deg)volumecontrast
Tailwind
none
TS
ROLES (name "--mk-v-tilt-max")
Swift
MakrTokens.vTiltMax
volume
--mk-v-specksv.specks · art layercalc(var(--mk-w-studio) * 5 + var(--mk-w-press) * 7 + var(--mk-w-rave) * 9)volumecontrast
Tailwind
none
TS
ROLES (name "--mk-v-specks")
Swift
MakrTokens.vSpecks
volume
--mk-v-kracklev.krackle · art layercalc(var(--mk-w-studio) * 1 + var(--mk-w-press) * 2 + var(--mk-w-rave) * 4)volumecontrast
Tailwind
none
TS
ROLES (name "--mk-v-krackle")
Swift
MakrTokens.vKrackle
volume
--mk-slant-xslant.x · art layercalc((var(--mk-w-studio) * 5 + (var(--mk-w-press) + var(--mk-w-rave)) * 8) * 1%)volumecontrast
Tailwind
none
TS
ROLES (name "--mk-slant-x")
Swift
MakrTokens.slantX
volume
--mk-break-outbreak.out · art layercalc(((var(--mk-w-studio) + var(--mk-w-press) + var(--mk-w-rave)) * 48) * 1px)volumecontrast
Tailwind
none
TS
ROLES (name "--mk-break-out")
Swift
MakrTokens.breakOut
volume
--mk-v-sfxv.sfx · art layerinline-blockthemevolume
Tailwind
none
TS
ROLES (name "--mk-v-sfx")
Swift
MakrTokens.vSfx
keyword
--mk-v-loop-controlv.loop.control · art layernonethemevolume
Tailwind
none
TS
ROLES (name "--mk-v-loop-control")
Swift
MakrTokens.vLoopControl
keyword
--mk-a-popa.pop · art layermk-popthemevolume
Tailwind
none
TS
ROLES (name "--mk-a-pop")
Swift
MakrTokens.aPop
keyword
--mk-a-landa.land · art layermk-landthemevolume
Tailwind
none
TS
ROLES (name "--mk-a-land")
Swift
MakrTokens.aLand
keyword
--mk-a-wipea.wipe · art layermk-wipethemevolume
Tailwind
none
TS
ROLES (name "--mk-a-wipe")
Swift
MakrTokens.aWipe
keyword
--mk-a-snapa.snap · art layermk-snapthemevolume
Tailwind
none
TS
ROLES (name "--mk-a-snap")
Swift
MakrTokens.aSnap
keyword
--mk-a-flexa.flex · art layernonethemevolume
Tailwind
none
TS
ROLES (name "--mk-a-flex")
Swift
MakrTokens.aFlex
keyword
--mk-a-panela.panel · art layermk-panel-in-studiothemevolume
Tailwind
none
TS
ROLES (name "--mk-a-panel")
Swift
MakrTokens.aPanel
keyword
--mk-cx-art-blendcx.art.blend · art layervar(--mk-t-bone, var(--mk-cxab--b, var(--mk-blend--b))) var(--mk-t-night, var(--mk-cxab--n, var(--mk-blend--n)))themevolume
Tailwind
none
TS
ROLES (name "--mk-cx-art-blend")
Swift
MakrTokens.cxArtBlend
keyword

Motion Open on its own page

Motion tokens
TokenValue in this lookVaries byIn codeDescription
--mk-ease-popease.popcubic-bezier(0.34, 1.56, 0.64, 1)volume
Tailwind
ease-pop
TS
EASES​["pop"]
Swift
MakrTokens.easePop
motion
--mk-ease-outease.outcubic-bezier(0.16, 1, 0.3, 1)volume
Tailwind
ease-out
TS
EASES​["out"]
Swift
MakrTokens.easeOut
motion
--mk-ease-in-outease.in.outcubic-bezier(0.7, 0, 0.2, 1)volume
Tailwind
ease-in-out
TS
EASES​["in-out"]
Swift
MakrTokens.easeInOut
motion
--mk-ease-stampease.stampcubic-bezier(0.2, 0.8, 0.2, 1)volume
Tailwind
ease-stamp
TS
EASES​["stamp"]
Swift
MakrTokens.easeStamp
motion
--mk-ease-dropease.dropcubic-bezier(0.2, 0.9, 0.3, 1.1)volume
Tailwind
ease-drop
TS
EASES​["drop"]
Swift
MakrTokens.easeDrop
motion
--mk-ease-landease.landcubic-bezier(0.2, 0.9, 0.3, 1.2)volume
Tailwind
ease-land
TS
EASES​["land"]
Swift
MakrTokens.easeLand
motion
--mk-ease-titleease.titlecubic-bezier(0.2, 0.8, 0.3, 1)volume
Tailwind
ease-title
TS
EASES​["title"]
Swift
MakrTokens.easeTitle
motion
--mk-ease-squeegeeease.squeegeecubic-bezier(0.45, 0, 0.35, 1)volume
Tailwind
ease-squeegee
TS
EASES​["squeegee"]
Swift
MakrTokens.easeSqueegee
motion
--mk-ease-foldease.foldcubic-bezier(0.6, 0, 0.3, 1)volume
Tailwind
ease-fold
TS
EASES​["fold"]
Swift
MakrTokens.easeFold
motion
--mk-ease-flyease.flycubic-bezier(0.5, 0, 0.3, 1)volume
Tailwind
ease-fly
TS
EASES​["fly"]
Swift
MakrTokens.easeFly
motion
--mk-ease-splitease.splitcubic-bezier(0.55, 0, 0.8, 0.2)volume
Tailwind
ease-split
TS
EASES​["split"]
Swift
MakrTokens.easeSplit
motion
--mk-ease-snapease.snapcubic-bezier(0.3, 0, 0.3, 1.6)volume
Tailwind
ease-snap
TS
EASES​["snap"]
Swift
MakrTokens.easeSnap
motion
--mk-ease-registerease.registercubic-bezier(0.5, 0, 0.2, 1)volume
Tailwind
ease-register
TS
EASES​["register"]
Swift
MakrTokens.easeRegister
motion
--mk-ease-slapease.slapcubic-bezier(0.2, 0.8, 0.3, 1.3)volume
Tailwind
ease-slap
TS
EASES​["slap"]
Swift
MakrTokens.easeSlap
motion
--mk-ease-squashease.squashcubic-bezier(0.5, 0, 0.6, 1)volume
Tailwind
ease-squash
TS
EASES​["squash"]
Swift
MakrTokens.easeSquash
motion
--mk-ease-wipeease.wipecubic-bezier(0.25, 0.1, 0.2, 1)volume
Tailwind
ease-wipe
TS
EASES​["wipe"]
Swift
MakrTokens.easeWipe
motion
--mk-ease-wipe-holdease.wipe.holdcubic-bezier(0.75, 0, 0.25, 1)volume
Tailwind
ease-wipe-hold
TS
EASES​["wipe-hold"]
Swift
MakrTokens.easeWipeHold
motion
--mk-ease-wipe-exitease.wipe.exitcubic-bezier(0.6, 0, 0.35, 1)volume
Tailwind
ease-wipe-exit
TS
EASES​["wipe-exit"]
Swift
MakrTokens.easeWipeExit
motion
--mk-ease-hopease.hopcubic-bezier(0.25, 1, 0.5, 1)volume
Tailwind
ease-hop
TS
EASES​["hop"]
Swift
MakrTokens.easeHop
motion
--mk-ease-fallease.fallcubic-bezier(0.3, 0.7, 0.3, 1)volume
Tailwind
ease-fall
TS
EASES​["fall"]
Swift
MakrTokens.easeFall
motion
--mk-dur-hoverdur.hover200 ms at Studio (200 / 200 / 200 / 200 from Quiet to Rave)volume
Tailwind
none
TS
dur("hover", volume)
Swift
MakrTokens.durHover
motion
--mk-dur-pressdur.press220 ms at Studio (220 / 220 / 220 / 220 from Quiet to Rave)volume
Tailwind
none
TS
dur("press", volume)
Swift
MakrTokens.durPress
motion
--mk-dur-key-sinkdur.key.sink120 ms at Studio (120 / 120 / 120 / 120 from Quiet to Rave)volume
Tailwind
none
TS
dur("key-sink", volume)
Swift
MakrTokens.durKeySink
motion
--mk-dur-menudur.menu140 ms at Studio (140 / 140 / 140 / 140 from Quiet to Rave)volume
Tailwind
none
TS
dur("menu", volume)
Swift
MakrTokens.durMenu
motion
--mk-dur-overlay-indur.overlay.in240 ms at Studio (240 / 240 / 240 / 240 from Quiet to Rave)volume
Tailwind
none
TS
dur("overlay-in", volume)
Swift
MakrTokens.durOverlayIn
motion
--mk-dur-overlay-outdur.overlay.out160 ms at Studio (160 / 160 / 160 / 160 from Quiet to Rave)volume
Tailwind
none
TS
dur("overlay-out", volume)
Swift
MakrTokens.durOverlayOut
motion
--mk-dur-drawer-indur.drawer.in280 ms at Studio (280 / 280 / 280 / 280 from Quiet to Rave)volume
Tailwind
none
TS
dur("drawer-in", volume)
Swift
MakrTokens.durDrawerIn
motion
--mk-dur-drawer-outdur.drawer.out200 ms at Studio (200 / 200 / 200 / 200 from Quiet to Rave)volume
Tailwind
none
TS
dur("drawer-out", volume)
Swift
MakrTokens.durDrawerOut
motion
--mk-dur-disclosuredur.disclosure180 ms at Studio (180 / 180 / 180 / 180 from Quiet to Rave)volume
Tailwind
none
TS
dur("disclosure", volume)
Swift
MakrTokens.durDisclosure
motion
--mk-dur-gaugedur.gauge900 ms at Studio (900 / 900 / 900 / 900 from Quiet to Rave)volume
Tailwind
none
TS
dur("gauge", volume)
Swift
MakrTokens.durGauge
motion
--mk-dur-toast-indur.toast.in380 ms at Studio (380 / 380 / 380 / 380 from Quiet to Rave)volume
Tailwind
none
TS
dur("toast-in", volume)
Swift
MakrTokens.durToastIn
motion
--mk-dur-toast-outdur.toast.out260 ms at Studio (260 / 260 / 260 / 260 from Quiet to Rave)volume
Tailwind
none
TS
dur("toast-out", volume)
Swift
MakrTokens.durToastOut
motion
--mk-dur-toast-lifedur.toast.life5200 ms at Studio (5200 / 5200 / 5200 / 5200 from Quiet to Rave)volume
Tailwind
none
TS
dur("toast-life", volume)
Swift
MakrTokens.durToastLife
motion
--mk-dur-sticker-popdur.sticker.pop480 ms at Studio (0 / 480 / 480 / 480 from Quiet to Rave)volume
Tailwind
none
TS
dur("sticker-pop", volume)
Swift
MakrTokens.durStickerPop
motion
--mk-dur-sticker-pop-delaydur.sticker.pop.delay200 ms at Studio (0 / 200 / 200 / 200 from Quiet to Rave)volume
Tailwind
none
TS
dur("sticker-pop-delay", volume)
Swift
MakrTokens.durStickerPopDelay
motion
--mk-dur-peeldur.peel300 ms at Studio (240 / 300 / 300 / 300 from Quiet to Rave)volume
Tailwind
none
TS
dur("peel", volume)
Swift
MakrTokens.durPeel
motion
--mk-dur-stampdur.stamp460 ms at Studio (0 / 460 / 460 / 460 from Quiet to Rave)volume
Tailwind
none
TS
dur("stamp", volume)
Swift
MakrTokens.durStamp
motion
--mk-dur-thumpdur.thump220 ms at Studio (0 / 220 / 220 / 220 from Quiet to Rave)volume
Tailwind
none
TS
dur("thump", volume)
Swift
MakrTokens.durThump
motion
--mk-dur-specksdur.specks640 ms at Studio (0 / 640 / 640 / 640 from Quiet to Rave)volume
Tailwind
none
TS
dur("specks", volume)
Swift
MakrTokens.durSpecks
motion
--mk-dur-seal-delaydur.seal.delay1200 ms at Studio (1200 / 1200 / 1200 / 1200 from Quiet to Rave)volume
Tailwind
none
TS
dur("seal-delay", volume)
Swift
MakrTokens.durSealDelay
motion
--mk-dur-sealdur.seal300 ms at Studio (240 / 300 / 300 / 300 from Quiet to Rave)volume
Tailwind
none
TS
dur("seal", volume)
Swift
MakrTokens.durSeal
motion
--mk-dur-registerdur.register520 ms at Studio (0 / 520 / 520 / 520 from Quiet to Rave)volume
Tailwind
none
TS
dur("register", volume)
Swift
MakrTokens.durRegister
motion
--mk-dur-sfx-popdur.sfx.pop700 ms at Studio (0 / 700 / 700 / 700 from Quiet to Rave)volume
Tailwind
none
TS
dur("sfx-pop", volume)
Swift
MakrTokens.durSfxPop
motion
--mk-dur-sfx-holddur.sfx.hold600 ms at Studio (600 / 600 / 600 / 600 from Quiet to Rave)volume
Tailwind
none
TS
dur("sfx-hold", volume)
Swift
MakrTokens.durSfxHold
motion
--mk-dur-sfx-outdur.sfx.out300 ms at Studio (0 / 300 / 300 / 300 from Quiet to Rave)volume
Tailwind
none
TS
dur("sfx-out", volume)
Swift
MakrTokens.durSfxOut
motion
--mk-dur-paneldur.panel300 ms at Studio (0 / 300 / 360 / 420 from Quiet to Rave)volume
Tailwind
none
TS
dur("panel", volume)
Swift
MakrTokens.durPanel
motion
--mk-dur-panel-staggerdur.panel.stagger40 ms at Studio (0 / 40 / 48 / 55 from Quiet to Rave)volume
Tailwind
none
TS
dur("panel-stagger", volume)
Swift
MakrTokens.durPanelStagger
motion
--mk-dur-arrivaldur.arrival360 ms at Studio (160 / 360 / 440 / 520 from Quiet to Rave)volume
Tailwind
none
TS
dur("arrival", volume)
Swift
MakrTokens.durArrival
motion
--mk-dur-block-hopdur.block.hop620 ms at Studio (0 / 620 / 620 / 620 from Quiet to Rave)volume
Tailwind
none
TS
dur("block-hop", volume)
Swift
MakrTokens.durBlockHop
motion
--mk-dur-block-dropdur.block.drop700 ms at Studio (0 / 700 / 700 / 700 from Quiet to Rave)volume
Tailwind
none
TS
dur("block-drop", volume)
Swift
MakrTokens.durBlockDrop
motion
--mk-dur-block-drop-staggerdur.block.drop.stagger90 ms at Studio (0 / 90 / 90 / 90 from Quiet to Rave)volume
Tailwind
none
TS
dur("block-drop-stagger", volume)
Swift
MakrTokens.durBlockDropStagger
motion
--mk-dur-wipedur.wipe0 ms at Studio (0 / 0 / 410 / 480 from Quiet to Rave)volume
Tailwind
none
TS
dur("wipe", volume)
Swift
MakrTokens.durWipe
motion
--mk-dur-press-rundur.press.run800 ms at Studio (0 / 800 / 800 / 800 from Quiet to Rave)volume
Tailwind
none
TS
dur("press-run", volume)
Swift
MakrTokens.durPressRun
motion
--mk-dur-reinkdur.reink700 ms at Studio (400 / 700 / 700 / 700 from Quiet to Rave)volume
Tailwind
none
TS
dur("reink", volume)
Swift
MakrTokens.durReink
motion
--mk-dur-themedur.theme400 ms at Studio (400 / 400 / 400 / 400 from Quiet to Rave)volume
Tailwind
none
TS
dur("theme", volume)
Swift
MakrTokens.durTheme
motion
--mk-dur-gl-fadedur.gl.fade400 ms at Studio (400 / 400 / 400 / 400 from Quiet to Rave)volume
Tailwind
none
TS
dur("gl-fade", volume)
Swift
MakrTokens.durGlFade
motion
--mk-dur-field-wakedur.field.wake400 ms at Studio (0 / 400 / 400 / 400 from Quiet to Rave)volume
Tailwind
none
TS
dur("field-wake", volume)
Swift
MakrTokens.durFieldWake
motion
--mk-dur-field-rundur.field.run4000 ms at Studio (0 / 4000 / 4000 / 4000 from Quiet to Rave)volume
Tailwind
none
TS
dur("field-run", volume)
Swift
MakrTokens.durFieldRun
motion
--mk-dur-field-easedur.field.ease1000 ms at Studio (0 / 1000 / 1000 / 1000 from Quiet to Rave)volume
Tailwind
none
TS
dur("field-ease", volume)
Swift
MakrTokens.durFieldEase
motion
--mk-dur-field-pulsedur.field.pulse900 ms at Studio (0 / 900 / 900 / 900 from Quiet to Rave)volume
Tailwind
none
TS
dur("field-pulse", volume)
Swift
MakrTokens.durFieldPulse
motion
--mk-dur-topple-stepdur.topple.step120 ms at Studio (0 / 120 / 120 / 120 from Quiet to Rave)volume
Tailwind
none
TS
dur("topple-step", volume)
Swift
MakrTokens.durToppleStep
motion
--mk-dur-topple-falldur.topple.fall420 ms at Studio (0 / 420 / 420 / 420 from Quiet to Rave)volume
Tailwind
none
TS
dur("topple-fall", volume)
Swift
MakrTokens.durToppleFall
motion
--mk-dur-loader-cycledur.loader.cycle1200 ms at Studio (1200 / 1200 / 1200 / 1200 from Quiet to Rave)volume
Tailwind
none
TS
dur("loader-cycle", volume)
Swift
MakrTokens.durLoaderCycle
motion
--mk-dur-reduceddur.reduced140 ms at Studio (140 / 140 / 140 / 140 from Quiet to Rave)volume
Tailwind
none
TS
dur("reduced", volume)
Swift
MakrTokens.durReduced
motion