realtyonegroup.com1
Colors
Spacing
xs
0.25rem
sm
0.5rem
md
0.75rem
lg
1rem
xl
1.25rem
gutter
1.5rem
margin
1.5rem
Rounded
none0px
sm0.5rem
md1rem
lg1.5rem
xl2.1rem
full9999px
Shadows
sm
0 2px 5px rgba(0, 0, 0, 0.32)
md
0 3px 6px rgba(0, 0, 0, 0.32)
lg
15px 15px 45px rgba(0, 0, 0, 0.12)
xl
0 20px 40px rgba(0, 0, 0, 0.18)
Font
Museo Sans
Aa Bb Cc 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz
Heading
Headline DisplayMuseo Sans · 5rem · 900
Display headline
Headline LGMuseo Sans · 4rem · 900
The quick brown fox
Headline MDMuseo Sans · 3rem · 700
Design systems at scale
Headline SMMuseo Sans · 2.5rem · 700
Color, type, and spacing
Text
Body LGMuseo Sans · 1.125rem · 300
The quick brown fox jumps over the lazy dog. Lead paragraph copy for marketing pages.
Body MDMuseo Sans · 1rem · 300
The quick brown fox jumps over the lazy dog. Standard body copy throughout the application.
Body SMMuseo Sans · 0.875rem · 300
Supporting text, captions, and metadata appear at this size.
Label LGMuseo Sans · 1rem · 700
Button label · Primary action
Label MDMuseo Sans · 0.875rem · 700
Form label · Required field
Label SMMuseo Sans · 0.75rem · 500
Badge · Tag · Micro-copy