THE LAW | 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.

Typography

Lorem ipsum dolor

H1
Sentinel Normal, size 48

Lorem ipsum dolor sit amet

H2
Sentinel Normal, size 40

Lorem ipsum dolor sit amet

H3
Sentinel Normal, size 32

Lorem ipsum dolor sit amet

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

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

Paragraph
Montserrat Normal, size 14
Lorem ipsum dolor
Meta
Montserrat Normal, size 12
Lorem ipsum dolor sit amet
Block Quote (pun intended)
Lorem ipsum dolor
Stone Text
Lorem ipsum dolor
Rust Text
Lorem ipsum dolor
Lead Text
Lorem ipsum dolor
Steel Text
Lorem ipsum dolor
Silver 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)