Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the acf domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /nas/content/live/omsmattsandbox/wp-includes/functions.php on line 6131

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the ninja-forms domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /nas/content/live/omsmattsandbox/wp-includes/functions.php on line 6131

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the relevanssi domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /nas/content/live/omsmattsandbox/wp-includes/functions.php on line 6131
Style Guide | Orbit Media WordPress Sandbox
How To / Style Guide

Style Guide

How To | Style Guide | Content Styles | Accessibility Tips | Page Blocks

Please reference the list below whenever you’re creating new images for your site. You should find a size for all possible images you’ll need/use.

Image Sizes

  • Home Hero/Carousel: 1200 × 600
  • Header Image: 1600 × 400
  • 50/50 Page Block: 525 × Any
  • Sidebar: 750 × Any
  • Woo Thumbs (4 col): 278 × 278
  • Blog Thumbnails: 600 × 390

Font Specifics

  • H1 – Proxima Nova, 700 • 35px/45px • Color: #333 • Margin: 0 0 25px
  • H2 – Proxima Nova, 700 • 28px/38px • Color: #333 • Margin: 0 0 25px
  • H3 – Proxima Nova, 600 • 26px/36px • Color: #333 • Margin: 0 0 15px
  • H4 – Proxima Nova, 400, ALL CAPS • 18px/28px • Color: #333 • Letter-Spacing: 2px • Margin: 0 0 15px
  • H5 – Proxima Nova, 400 • 22px/32px • Color: #333 • Margin: 0 0 15px
  • H6 – Proxima Nova, 600 • 16px/26px • Color: #333 • Margin: 0 0 15px
  • Paragraph – Proxima Nova, 400 • 18px/24px • Color: #666 • Margin: 0 0 20px
  • Body Links – • / • Color: #0171ac
  • Body Links Hover – • / • Underline
  • Alt Links – • / • Color: #0199eb
  • Alt Links Hover – • / • Underline

Site Color Values

#222
rgba(0,0,0,.32)
#666
#333
#0171ac
#0199eb
#c44e38
#fff