Style Guide


Logo (Primary) Logo (Dark) Logo (Light)
Accent Accent Dark Gray

Color choices selected by starting with Leo’s base logo color, a blue of #0F6198 Hex. Additional combinations and comparisons can be made on various sites, including Paletton – a starting point for this is here:


THIS IS H1 HEADER TEXT – ‘Cabin’ 36px

This is H2 header text – ‘Cabin’ 30px

This is H3 header text – ‘Cabin’ 26px

This is H4 header text – ‘Cabin’ 21px

Cabin H2 Header Above Roboto 18px

A paragraph (from the Greek paragraphos, “to write beside” or “written beside”) is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.


This is a regular link.


Unordered list:

  • First item
  • A very long second item demonstrating different line heights. Lorem ipsum dolor sit amet, consectetur adipiscing 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.
  • Third item
  •  . . .

Ordered list:

  1. First item
  2. Second item
  3. Third item
  4.  . . . 

This is a standard blockquote, as would appear in the middle of a news article or blog post.

Blockquotes are easily created by using the <blockquote> tag that is built into WP, we have just styled it for Leo and added some functionality.  In order to include a citation, simply add “cite=xxx”.  If you want it to be to the right or left, add “class=’right one-third'” (or left) to the tag.

These are eye popping numbers which really underscores how much purchased software is sitting on the shelf and not being used. CEOs, CISOs and board members have taken notice. Cybersecurity is now just as important in the boardroom as the bottom line. The financial, reputational and career-ending risk of a catastrophic security breach is such a high-profile problem that many more business leaders are putting emphasis on security. No one wants their company to be the next Marriott or CapitalOne (from a data breach perspective). Budgets are being allocated and money is being spent, but a large part of that security investment is still sitting around doing nothing—it’s unimplemented shelfware. The fact that the decision has been made and the money spent, regardless of implementation, leads to a false sense of security, further exacerbating the problem and more importantly, the risk.


Images included in the body of the page may be full column width or inline (shown here). If inline, the column will use a golden mean ratio and box-shadow applied to the image.

Featured images, used as the header of posts should be 1200×800 pixels, or of a similar ratio and quality. Ideally they would be relevant to the post topic, but not necessary for understanding the content.


Buttons will be available in two colors – logo blue and accent. Both feature icons, hover animations, drop shadows, rounded border radius, and drop shadows.