Modules

For those who are charged with on-going maintenance of the St. Thomas More website, think of this page as your control board. Make a change here and it will trickle down to the rest of the site. From text and button styles to spacing and dividers - it's all here.

TypographySpacing, Margins & PaddingDividersRowsLockups
Typography

Lorem ipsum dolor

H1
Roboto Bold, size 48

Lorem ipsum dolor sit amet

H2
Roboto BOLD, size 40

Lorem ipsum dolor sit amet

H3
Roboto Medium, size 32

Lorem ipsum dolor sit amet

H4
Roboto Medium, size 20, ALL CAPS
Lorem ipsum dolor sit amet
H5
Roboto Light, size 24
Lorem ipsum dolor sit amet
H6
Roboto MEDIUM, size 16

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Paragraph
Montserrat, size 14
Lorem ipsum dolor
Meta
Montserrat, size 12
Lorem ipsum dolor sit amet
Block Quote (pun intended)
Lorem ipsum dolor
Blue Text
Lorem ipsum dolor
Gold Text
Lorem ipsum dolor
Ivory Text
Lorem ipsum dolor
Pearl Text
Lorem ipsum dolor
Iron Text
Lorem ipsum dolor
White Text
Spacing, Margins & Padding
16px Spacer
24px Spacer
48px Spacer
96px Spacer
0px padding
24px padding
48px padding
96px padding
24px Vertical Margin
48px Vertical Margin
96px Vertical Margin
8px right margin
16px right margin
Dividers

Example Header

Default Divider - 24px vertical margin

Example Header

Text Divider - 24px bottom margin

Example Header

One Divider - 16px top margin

Example Header

LIGHT Default Divider - 24px vertical margin

Example Header

LIGHT Text Divider - 24px bottom margin

Example Header

LIGHT ONE Divider - 16px top margin
Rows
50/50 Columns
60/40 Columns
Lockups
Vertical Flex (locks top)
Horizontal Flex (Locks Left)