[ MvM / DESIGN_SYSTEM / TYPOGRAPHY ]
Typography
Typography uses the system font stack for optimal performance. The type scale is designed for clarity and hierarchy in MvM interfaces.
Typography Variants
1 / 4
Luxury Modern
Clean, sophisticated typography for high-end properties
Heading: sans•Body: sans
Exclusive Waterfront Estate
Sophisticated Living in Prime Location
Experience unparalleled luxury in this meticulously designed waterfront estate. Featuring panoramic ocean views, premium finishes, and resort-style amenities.
Font Stack
Sans Serif (Default)
The quick brown fox jumps over the lazy dog
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;Monospace
const price = "$1,250,000"
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;Type Scale
Display
72px
Find Your Dream Home
H1
48px
Find Your Dream Home
H2
36px
Find Your Dream Home
H3
30px
Find Your Dream Home
H4
24px
Find Your Dream Home
H5
20px
Find Your Dream Home
Body Large
18px
Find Your Dream Home
Body
16px
Find Your Dream Home
Body Small
14px
Find Your Dream Home
Caption
12px
Find Your Dream Home
Font Weights
Luxury Living
Light (300)
Luxury Living
Regular (400)
Luxury Living
Medium (500)
Luxury Living
Semibold (600)
Luxury Living
Bold (700)
Luxury Living
Extrabold (800)