Style Guide

This style guide page contains styles and components that are to be used throughout a website. You can find out more about having a style guide here.

Typography

The different text sizes used throughout the site.

h1

This is a Header.

h2

This is a Header.

h3

This is a Header.

h4

This is a Header.

h5

This is a Header

h6

This is a Header
Large Paragraph

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.

Paragraph

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.

Small Paragraph

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.

Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
List
  • All buttons now have tooltips
  • Spell checker number issue fixed
  • Heading line height is fixed
Figure with caption
Example Image
An image with caption

Rich Text

Formatted rich text element used for long sections of text such as blog posts.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Latest updates

  • Heading line height is fixed
  • All buttons now have tooltips
  • Spell checker number issue fixed

More about me

Example Image
An image with caption

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Latest updates

  • Heading line height is fixed
  • All buttons now have tooltips
  • Spell checker number issue fixed

More about me

Example Image
An image with caption

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Latest updates

  • Heading line height is fixed
  • All buttons now have tooltips
  • Spell checker number issue fixed

More about me

Example Image
An image with caption

This is a Header.

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.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Latest updates

  • Heading line height is fixed
  • All buttons now have tooltips
  • Spell checker number issue fixed

More about me

Example Image
An image with caption

Colors

The different weights of greys and colours used throughout the website.

Buttons

The different types of buttons used throughout the website.

Grids

Different grid layouts to use across your site

4 Grid

3 Grid
2 Grid
2-1 Grid
1-2 Grid

Icons

Icons used across the website taken from the Google Material Symbols & Icons Library

Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Thank you! Your message has been received!
Oops! Something went wrong. Please fill in the required fields and try again.

Call to Action

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Find out how we can help you today

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Image and Text Left/Right/None

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Our Journey

MartinJenkins has played a quietly constructive role in many of the advances that have helped shape New Zealand society in the last 30 years. Not only has the firm been asked to do the high level, analytical thinking on organisational strategy and design, and employment relations, it has also been at the practical end of making the changes happen. As the firm’s reputation has grown around state sector reform, it has also been invited to carry out assignments for governments in Asia, Europe, the Pacific, and parts of Africa.

From the outset, MartinJenkins has focused on hiring top quality, senior people with a track record in different fields. Growth has followed as the company’s expertise has broadened and deepened around key people.

Turning Knowledge into Performance

MartinJenkins’ roots lie in the shifting sands of state sector reform in the early 90’s, when three top managers at the State Services Commission stepped out on their own.

Much has changed since then – our name, our growth into one of New Zealand’s leading strategic consultancies, and the depth and breadth of our staff’s experience. Some things have not changed – we remain the ‘savvy operators’, the ‘safe pair of hands’ that politicians from any party and chief executives still turn to, to get things done.

Unlike other consulting firms, we have always maintained a relatively ‘flat’ structure with a predominance of experienced, self-starting senior staff. For our clients, that means they will always work with senior, experienced people who are capable of solving the hard issues.

MartinJenkins’ sphere of operation stretches across and beyond New Zealand. In 2011, we consolidated our presence in the upper North Island with the establishment of a dedicated office in Auckland, and a conscious strategy of tailoring our services and deep knowledge of government and public policy to the needs of our corporate and local government clients.

Values

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Our values

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Our values

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Value the person

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Better together

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Better together

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Better together

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.