Typography
The different text sizes used throughout the site.
h1
This is a Header.
Loretta, Medium 500, 4.8 rem
h2
This is a Header.
Loretta, Medium 500, 3.8 rem
h3
This is a Header.
Loretta, Medium 500, 3 rem
h4
This is a Header.
Loretta, Medium 500, 2.5 rem
h5
This is a Header
Loretta, Medium 500, 1.7 rem
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
SMALL Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
List
- Heading line height is fixed
- All buttons now have tooltips
- Spell checker number issue fixed
Link
More about meRich Text
Formatted rich text element used for long sections of text such as blog posts and press releases.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Colors
The different weights of greys and colours used throughout the website.
FSG Orange
#ff9027
FSG Dark Orange
#ff6926
FSG Red
#ff5026
FSG Dark Gray
#222222
FSG Gray
#414042
FSG Tech Blue
#ff
FSG Dark Green
#acbfa4
FSG Green
#acbfa4
FSG Light Green
#e2e8ce
FSG Beige
#ff
FSG Off White
#ff
FSG Tech Blue
#ff
Buttons
The different types of buttons used throughout the website.
