NHMFbrand guidelines

The key brand resources and fundamentals for our company brand. Find logos, colours and typography specs.


To download any of the items, just right-click, and save image. For convenience, you can also download all assets, including svg versions of the logos below:

Download all assets

Company logos

The classic NHMF Logo comes with a few variations. The dark blue crescent moon and an alternative white crescent moon for lighter backgrounds.

More recently, NHMF have been adopting the NHMF Conference's bolder branding approach and is likely to transition to more of it going forward.


Contractor Forum logos


Primary colours

HEX: #3F5194 RGB: 63, 81, 148 CMYK: 85% 70% 8% 5%
HEX: #0085C8 RGB: 0, 133, 200 CMYK: 85% 35% 0% 0%
HEX: #FFFFFF RGB: 255, 255, 255 CMYK: 0% 0% 0% 0%

Conference colours

HEX: #330F63 RGB: 51, 15, 99 CMYK: 0% 0% 0% 0%
HEX: #6037DB RGB: 96, 55, 219 CMYK: 0% 0% 0% 0%
HEX: #FFBB00 RGB: 255, 187, 0 CMYK: 0% 0% 0% 0%

Typography

Montserrat is the standard typeface for the NHMF on the web, print, and desktop applications and presentations. You can download the font from here.

For emails however, we use Arial / sans-serif / system fonts.


Extra large heading

font-size: 64px font-weight: bold line-height: 1

Large heading

font-size: 40px font-weight: bold line-height: 1.25

Normal heading

font-size: 24px font-weight: bold line-height: 1.25

Paragraphs

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos aut beatae voluptates magni inventore quae. Qui distinctio perferendis dicta temporibus eveniet voluptatem tempore aspernatur, quas saepe provident sunt maxime odit!

font-size: 16px / 18px font-weight: 400 line-height: 1.6 margin-bottom: 15px

Lists

The default list for desktop applications should be fine, but make sure to keep the line spacing at 1.6. Additionally, when the list consists of full paragraphs, please separate each paragraph with a margin bottom of 15px.

For the web howerver, all bullet list will use an 8px light purple bullet and all list item containing a 30px padding left to accomodate its position

  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
font-size: 16px / 18px font-weight: 400 line-height: 1.6 margin-top: 30px margin-bottom: 30px margin-left: 15px padding: 0

Sample usage

The main design revolves around simplifying everything, with the aim of reducing eye strain using negative space.

Bold headers are paired with high contrast font size and weight to give prominence. This is to be observed throughout all the materials moving forward.

Simple icons are also used to create visual interest without causing clutter.



Our mission statement

The centre of excellence for improving property performance