MHS STYLE GUIDE 

Typography

H1 Header

H1

H1 Header blue

H1 Blue

H1 Header white

H1 white

h2 header

H2

H3 Header

H3

H3 Header White

H3 white

H4 Header

H4
H5 Header
H5
H5 Header White
H5
H6 Header
H6

This is paragraph text. All of the paragraphs on the site will be formatted this way. This is paragraph text. All of the paragraphs on the site will be formatted this way. This is paragraph text. All of the paragraphs on the site will be formatted this way.

Paragraph

This is paragraph text. All of the paragraphs on the site will be formatted this way. This is paragraph text. All of the paragraphs on the site will be formatted this way. This is paragraph text. All of the paragraphs on the site will be formatted this way.

Paragraph WHITE

Learn more

learn more text
Footer heading
View Project
gradient Button
View Project
outline Button

Color

Text colors

font color - BLACK 
#000000
font color - WHITE
#ffffff
font color - BLUE 
#2a327e

Main colors

BRAND COLOR 1 - Dark blue
#111b56
BRAND COLOR 3 - gray blue
#8696a5
BRAND COLOR 2 - blue gradient
BRAND COLOR 4 - light blue
#203299

Logo

MAIN LOGO

Rich Text

Heading

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

  • Lorem ipsum text
  • Lorem ipsum text

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

  • Lorem ipsum text
  • Lorem ipsum text

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.