First Rate Markets
Wealth $10B+ AUM Wealth $5-10B AUM Wealth $5B AUM Institutional Broker-Dealer & RIA Alternative Asset Management Family Office
First Rate Brands
First Rate Ventures First Rate Vantage First Rate Finantech
First Rate Corporate
About Careers Global Offices Product Teams First Rate Living Thought Leadership
WealthTech Connect

Style Information

Font Family: Montserrat
Base Font Size: 17px
All other font sizes (e.g. for headings) are specified in REM units - a relative font size. So, h1 elements are 2.5rem or 2.5x17px for approximately 43px.
Font Weights: 300, 400, 700

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

Heading 1

Montserrat, 700 (weight), 2.5rem (size)

Heading 2

Montserrat, 700 (weight), 2rem (size)

Heading 3

Montserrat, 700 (weight), 1.75rem (size)

Heading 4

Montserrat, 700 (weight), 1.5rem (size)

Heading 5

Montserrat, 700 (weight), 1rem (size)

Heading 6

Montserrat, 700 (weight), 2.5rem (size)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis vulputate ante, eget euismod lectus scelerisque volutpat. Etiam laoreet lectus ut quam porttitor venenatis. Etiam in quam tincidunt, rutrum nisi id, pulvinar augue. Maecenas eget justo non lectus bibendum viverra eget non ante. Pellentesque volutpat purus ante, non feugiat turpis laoreet eu. Proin eu sapien magna. Donec at ornare erat. Morbi nisl purus, condimentum aliquet eleifend a, bibendum eu ipsum. Maecenas molestie nec magna non rutrum. Phasellus scelerisque finibus ante, sed viverra lorem porta id. Ut maximus egestas turpis nec scelerisque. Duis tempor ultrices sapien, nec laoreet sem mattis eu. Etiam ornare dolor id lectus ullamcorper mattis. Vestibulum et augue ac arcu venenatis ullamcorper ut eu sapien. Nulla non urna ac neque feugiat lobortis mollis sed lorem. Maecenas et feugiat magna, at pulvinar erat.

This is regular paragraph text in bold/strong. This is regular paragraph text in underline. This is a regular paragaph text in an em element.

This is an HTML blockquote element. This is a citation inside of the blockquote element
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

"This is a team member quote - these boxes have white text as their default and both the quote and citation text color can be changed from the settings panel for this field. This field does not include a photo of the team member."

Team Member Title Department
Team Member Name Title Department

Text Color Styles

There are a number of text-color classes that can be used to override the default text color.

  • text-navy
  • text-azure
  • text-green
  • text-light-green
  • text-dark-gray
  • text-medium-gray
  • text-white
Must be 8-20 characters long.

Indenting Text

There are two ways to indent text.....

  1. In the Rich Text editor, if you click on the first icon (the format) icon, you can select indented text from the drop down menu. Just make sure to highlight the paragraph/selection that you'd like intended.
  2. You can edit the HTML directly to add padding to any element that you'd like to have repositioned. 

    HTML Code

    <p>Here's a paragraph of text that isn't indented. Pellentesque molestie pharetra neque, maximus consectetur massa ullamcorper sit amet. Curabitur vel eros lacinia, mattis diam eu, ullamcorper risus.</p>

<p style="padding-left: 30px">Here's a paragraph of text that is indented by 30 pixels. Pellentesque molestie pharetra neque, maximus consectetur massa ullamcorper sit amet. Curabitur vel eros lacinia.</p>

<ul style="padding-left: 100px">
    <li>This can be used</li>
    <li>For list items</li>
    <li>As well.</li>
</ul>

    Results

    Here's a paragraph of text that isn't indented. Pellentesque molestie pharetra neque, maximus consectetur massa ullamcorper sit amet. Curabitur vel eros lacinia, mattis diam eu, ullamcorper risus.

    Here's a paragraph of text that is indented by 30 pixels. Pellentesque molestie pharetra neque, maximus consectetur massa ullamcorper sit amet. Curabitur vel eros lacinia.