Horizon Design System
Typography
Display headings
Typeface
ABC Monument Medium
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Weight
Medium / 500
Typescale
1.2 / Minor third
Leading
1.2em (120%)
Display 1 - 54.9324px / 1.5em
The quick brown fox jumps over the lazy dog
Display 2 - 43.9452px / 1.5em
The quick brown fox jumps over the lazy dog
Display 3 - 35.1558px / 1.5em
The quick brown fox jumps over the lazy dog
Display 4 - 28.125px / 1.5em
The quick brown fox jumps over the lazy dog
Display 5 - 22.5px / 1.5em
The quick brown fox jumps over the lazy dog
Display 6 - 18px / 1.5em
The quick brown fox jumps over the lazy dog
Body copy
Typeface
ABC Monument Regular
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Weight
Regular / 400
Typescale
1.2 / Minor third
Leading
1.5em (150%)
Body 1 - 54.9324px / 1em
The quick brown fox jumps over the lazy dog
Body 2 - 43.9452px / 1em
The quick brown fox jumps over the lazy dog
Body 3 - 35.1558px / 1em
The quick brown fox jumps over the lazy dog
Body 4 - 28.125px / 1em
The quick brown fox jumps over the lazy dog
Body 5 - 22.5px / 1em
The quick brown fox jumps over the lazy dog
Body 6 - 18px / 1em
The quick brown fox jumps over the lazy dog
Rich text
Donec a eros rutrum, pharetra erat quis, sagittis neque. Praesent nunc ligula, dapibus non sem ut, laoreet tempor eros.
- Aenean finibus arcu id sem pretium malesuada.
- Sed at lobortis nibh, at aliquam nisl.
- Duis aliquam ac diam sit amet semper.
- Donec eleifend diam elit, et bibendum mauris tincidunt sed.
- Donec bibendum consectetur magna, in tristique urna pretium non.
- Nunc mi ligula, varius ornare auctor ac, congue sed leo.
Vivamus lacinia ipsum id pellentesque egestas. Nulla lobortis ex id tincidunt pellentesque. Curabitur quis nulla arcu. Integer finibus accumsan odio, at tristique sem imperdiet ut. Aenean tincidunt egestas velit, id condimentum tortor facilisis non.
Colours
Primary
#DAD5E3
#B5ABC7
#9182AA
#6C588E
#472E72
#39255B
#2B1C44
On Primary
#000000
#000000
#000000
#FFFFFF
#FFFFFF
#FFFFFF
#FFFFFF
Secondary
#FCD7DC
#F9B0B9
#F78896
#F46173
#F13950
#C12E40
#912230
On Secondary
#000000
#000000
#000000
#000000
#000000
#FFFFFF
#FFFFFF