Typography

Typeface

Haboro

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Haboro - 64px / 1.5 / Bold

Heading 1

Haboro - 52px / 1.5 / Bold

H2

Haboro - 36px / 1.5 / Bold

H3

Haboro - 28px / 1.5 / Bold

H4

Haboro -  24px / 1.5 / Bold
H5
Haboro - Open Sans - 14px / 1.5 / Bold
H6
Paragraph Big (p-big) - 22px / 1.5 / Regular

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

Paragraph - 18px / 1.45 / regular

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

Ordered List - 1rem / 1.5 / Normal
  1. Example Ordered List
  2. Example Ordered List
Unordered List - 1rem / 1.5 / Normal
  • Example Unordered List
  • Example Unordered List
Rich Text Element

The benefits of metal cladding products

As well as being aesthetically pleasing in design, another benefit of metal cladding is that the colour options are (nearly) endless and Dimond has over 30 colours to choose from!

A modern bathroom design

Dimond also has a range of material options available, from unpainted zinc, copper, and aluminium, to pre-painted steel that carries a 15-year warranty, meaning that Dimond can offer a suitable cladding solution for every environment.

A modern bathroom design

Dimond also has a range of material options available, from unpainted zinc, copper, and aluminium, to pre-painted steel that carries a 15-year warranty, meaning that Dimond can offer a suitable cladding solution for every environment.

  • This
  • That
  • And this

Dimond can offer a suitable cladding solution for every environment.

Modern bathroom

Dimond’s pre-painted material options supplier, ColorCote has a unique 3-tier coating offer that can cater to mild environments through to alpine, geothermal, and coastal environments. For more information on their 3-tier systems see https://www.colorcote.co.nz/products/

Color

Sage
#667b68
Mid Sage
#abc5ae
Light Sage
#d635d6
Peach
#f68c63
MID SAGE
#f9c8ba
Grey
#a7a9ac
Light Grey
#F5F5F5
White
#ffffff

Buttons

Form elements

Thank you for your submission!

Oops! Something went wrong while submitting the form.

Thank you.

Oops! Something went wrong while submitting the form.

Responsive 12 Grid

Our 12-col responsive grid.

col
col
col
col
col
col
col
col
col
col

Remove Gutters

To remove all padding from columns, use the "no-gutters" class preceded by the initial class of "col".

no-gutters
no-gutters
no-gutters
no-gutters

Full Width Container

Use the class of "container-fluid" for full width.

col
col
col
col

Footer ↓

Deployment
by design.

Our sweet spot in any digital adoption project is helping you to effectively deploy your new cloud software in a way that the entire business wins so that your digital tools save you time, money, stress ?by making the adoption process clear and easy for your team.

See our approach

Deployment
by design.

Our algorithmic approach allows us to perform detailed capacity studies on dozens, hundreds or even thousands or different sites at once. Unlock the hidden value of your portfolio.

Found out more

Spacing

mb-1 (margin-bottom: 12px;)
mb-2 (margin-bottom: 24px;)
mb-3 (margin-bottom: 48px;)
mb-4 (margin-bottom: 64px;)
m-0 (margin: 0;)
mt-3 (margin-top: 48px;)
mt-2 (margin-top: 28px;)
mt-1 (margin-top: 16px;)
p-0 (padding: 0;)
pt-0 (padding-top: 0;)
pb-0 (padding-bottom: 0;)

Text

text-sage
text-mid-sage
text-light-sage
text-peach
text-mid-peach
text-grey
text-light-grey
text-white
bg-sage
bg-mid-sage
bg-light-sage
bg-peach
bg-mid-peach
bg-grey
bg-light-grey
bg-white
text-center
text-right
text-left
d-none

Other

overflow-hidden
overflow-visible
d-none
d-block
d-flex
sr-only
sr-only
sr-only
no-scroll
drop-shadow