Join the Marketing Breakout for highly focused, actionable meetings to improve your marketing!

Style Guide

Color Palette

The primary collection of colors to be used throughout the website. All color values are to be used as they are and any shades must use the base color and an equal percentage of opacity (i.e. 10, 20, 50, etc.)

Theme Accent

Theme Accent - 30%

Theme Accent - Alt

Theme Accent - 30%

Subtle Text/Inactive

Medium Text

Strong Text

Strongest Text


Informational - 50%


Informational - 50%

Informational - 30%


Lighter Background

Subtle Background


Heading 1

H1 – Saira Condensed – 3.75 ems – 800 Weight

Heading 2

H2 – Saira Condensed – 3.25 ems – 800 Weight

Heading 3

H3 – Saira Condensed – 2.75 ems – 500 Weight

Heading 4

H4 – Saira Condensed – 2.25 ems – 500 Weight

Heading 5

H5 – Saira Condensed – 1.75 ems – 500 Weight

Heading 6

H6 – Saira Condensed – 1.25 ems – 500 Weight


Body Text

p – PT Sans – 1 rem – 400 Weight

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Sapien pellentesque habitant morbi tristique senectus. Maecenas volutpat blandit aliquam etiam erat velit scelerisque. Sit amet risus nullam eget felis eget nunc. Lacus sed turpis tincidunt id. Massa enim nec dui nunc mattis enim ut. Hendrerit gravida rutrum quisque non tellus orci ac. Interdum varius sit amet mattis vulputate. Ac auctor augue mauris augue neque gravida in fermentum et. Quis commodo odio aenean sed adipiscing. Quis ipsum suspendisse ultrices gravida dictum fusce ut. Sed elementum tempus egestas sed sed risus pretium quam.

Aliquam ultrices sagittis orci a scelerisque purus semper eget duis. Convallis aenean et tortor at risus viverra. Velit ut tortor pretium viverra suspendisse potenti nullam ac. Amet cursus sit amet dictum sit amet justo donec enim. Ornare aenean euismod elementum nisi. Ac ut consequat semper viverra nam. Massa enim nec dui nunc mattis enim ut tellus. Vel pharetra vel turpis nunc eget lorem dolor sed. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus mauris. Porttitor rhoncus dolor purus non enim. Vitae suscipit tellus mauris a diam maecenas sed. Aliquam sem fringilla ut morbi tincidunt. Lacus vel facilisis volutpat est velit egestas dui id ornare. Non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus.

Content Sample

Accent Text

Primary Text

Secondary Text

Paragraph Text


Live Member Calls

Every Thursday - 9am Pacific

We get together every Thursday – meet your fellow members, get and give advice.

It’s a member-led conversation that stays mostly technical/business-oriented. Microphone and Camera are encouraged but not required.

Content Sample



Component Styles


Padding & Margins

0, 10, 20, 40, 80, 160 px

0, 0.5, 1, 2, 4, 8 rem


Get general help or report a website bug – we’re here to help!

Member Help

Great, Karl would be happy to meet with you!

Please provide three dates and times you are available.
Karl typically schedules meetings during regular business hours: Monday - Friday from 9am - 5pm Pacific.

All times are in Pacific Time Zone // Use up/down keyboard arrows if your browser is trying to autofill
All times are in Pacific Time Zone
All times are in Pacific Time Zone
Bug Report From (#7)