Design Guide

A style guide standards for the writing, formatting, and design elements.

Home    |   Design Guide
Fonts used

Poppins (Light, Regular, Medium,  Bold )

Colors
 

Dark Grey: #333333

#333333
 

Dark Blue: #2b3e4b

#2b3e4b
 

Dark Yellow: #e1ad01

#e1ad01
 

Green: #4e8136

#4e8136
 

White: #ffffff

#ffffff
Image Sizes

(weight recommended below 400kb)

  • Homepage Banner Background Image : 1920 x 583px JPG file
  • Homepage Banner Right Column Image : 980 x 583px JPG file
  • Homepage “Our Story” Section Image : 447 x 563px JPG file
  • Homepage Video Section Background Image : 899 x 243px JPG file
  • Homepage “Commitment to” Section Image : 726 x 492px PNG file
  • Megamenu Image Size : 595 x 500px JPG file
  • News & Events Featured Image : 740 x 421px JPG file
  • Team Featured Image : 368 x 452px JPG file
  • Hg Innovate Page Image : 368 x 452px JPG file
  • Hg Magazine Featured Image : 330 x 439px JPG file
  • Inner Banner Big Background Image : 1920 x 1193px JPG file
  • Inner Banner Small Background Image : 1920 x 557px JPG file
  • Inner Page Small Full Width Section Background Image : 1920 x 557px JPG file
  • Inner Page Big Full Width Section Background Image : 1920 x 1233px JPG file
  • Contact Card Image : 420 x 425px JPG file
  • Contact Page Left column Image : 791 x 982px JPG file
  • Career Page Employee Benefits Icons : 74 x 74px PNG file
  • Our Story Two Column Video Overlay Image : 760 x 429px JPG file
  • Holiday Gift Guide Main Image : 690 x 460px JPG file
  • Holiday Gift Guide Product Image : 490 x  Keep same height images for the same guide  JPG/PNG file
Documents

Resources File Types : PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, TXT

Team
  • To add a new team member, it’s best practice to clone an existing member and change all of the info
    • Name, URL, Category, etc.
  • To place team in the right order, be sure to adjust within each category rather than on the main “team” module

Pin It on Pinterest

Heffernan Insurance Brokers
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.