Style Guide
Colors #
$black
$white
$blue
$blue-light
$gold
$gold-light
$silver
$cream
Font Stacks #
$font-family-base (300)
LeMonde Livre Std
$font-family-base (300)
LeMonde Livre Std Italic
$font-family-base (400)
LeMonde Livre Book
$font-family-base (400)
LeMonde Livre Book Italic
$font-family-base (700)
LeMonde Livre Bold
$font-family-base (700)
LeMonde Livre Bold Italic
$font-family-display (400)
Maison Neue Book
$font-family-display (500)
Maison Neue Medium
$font-family-display (700)
Maison Neue Bold
$font-family-display (700)
Maison Neue Bold
Typography #
h1. First Level Head
h2. Second Level Heading
h3. Third Level Heading
h4. Fourth Level Heading
h4 Fourth Level Heading (alt)
h1. First Level Head
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
h2. Second Level Heading
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
h3. Third Level Heading
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
h4. Fourth Level Heading
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Article Title Example With Category Above
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Lorem ipsum dolor sit amet, consectetur adipisicing 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. This is a link within body text excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Here's a quote inline with the text. This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum in. Pellentesque at ultrices est, sit amet tempus risus. In in nisl fermentum, viverra ligula.
Here's a passage of text to call attention to. This is a callout. It's different from the pullquote block, which is special.
Lists #
In progress.
Unordered List
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
Ordered List
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
Definition Lists
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
Plain Unstyled Lists
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
Buttons #
Icons #
In progress.
Page Headers #
Contact Us
Separately Managed Portfolios
What to Expect
Forms #
Figure (inline image) #
Photo Grid #
Families of multiple generations with a range of financial and investment objectives
Retirees balancing a need for income preservation and growth
Professionals in their prime working years who are saving for major capital expenditures, education expenses, and/or retirement
Text Columns (3) #
Column break is only for XL screens
Relationships
We build meaningful relationships with our clients and gain a deep understanding of their needs so we can best protect and grow their assets.
Research
Intensive, in-depth research is at the heart of our firm, and lays the foundation for every investment decision we make.
Stability
We’ve managed clients’ assets through 50+ years of political changes, rising and falling markets, and shifting economic conditions.
Text Columns (2) #
Equity portfolios
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Fixed income portfolios
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Call-to-Action #
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non libero mattis nibh commodo ornare id sit amet felis.
Learn MoreThe right partnership can start today.
Contact us to discuss your investing goals.
Pull Quotes #
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique facilisis nunc, sed pellentesque lorem. Quisque quis suscipit nulla, vel ullamcorper risus. In cursus euismod orci, vitae pulvinar ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique facilisis nunc, sed pellentesque lorem. Quisque quis suscipit nulla, vel ullamcorper risus. In cursus euismod orci, vitae pulvinar ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique facilisis nunc, sed pellentesque lorem. Quisque quis suscipit nulla, vel ullamcorper risus. In cursus euismod orci, vitae pulvinar ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique facilisis nunc, sed pellentesque lorem. Quisque quis suscipit nulla, vel ullamcorper risus. In cursus euismod orci, vitae pulvinar ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique facilisis nunc, sed pellentesque lorem. Quisque quis suscipit nulla, vel ullamcorper risus. In cursus euismod orci, vitae pulvinar ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tristique facilisis nunc, sed pellentesque lorem. Quisque quis suscipit nulla, vel ullamcorper risus. In cursus euismod orci, vitae pulvinar ante.
Services CTA #
Explore Our Services
Separately Managed Portfolios
Get to know our investment approach and how we build client portfolios.
Learn More