Colours

Primary Colours

Primary
#eba37a

Secondary Colours

Secondary 1
#eba37a

Neutral Colours

Neutral 800
#eba37a
Neutral 700
#eba37a
Neutral 600
#eba37a
Neutral 500
#eba37a
Neutral 400
#eba37a
Neutral 300
#eba37a
Neutral 200
#eba37a
Neutral 100
#ffffff

Text Colours

This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.

Typography

Super Heading Number 1 King of Headings

H1 - Cormorant | 80px font-size / 1.2 line-height

Super Heading Number 2
Heading's Revenge

H2 - Cormorant | 65px font-size / 1.2 line-height

Super Heading Number
3 Rise of Headings

H3 - Cormorant | 55px font-size / 1.2 line-height

Super Heading Number 4
Heading's Fall

H4 - Cormorant | 45px font-size / 1.2 line-height
Super Heading Number 5
Return of the Heading
H5 - Space Grotesk | 24px font-size / 30px line-height
Super Heading Number 6
The Last Heading
H6 - Space Grotesk | 18px font-size / 26px line-height
Super Heading Number 6
The Last Heading
H6 - Space Grotesk | 18px font-size / 26px line-height

Heading h3 size

Heading h2 size

Heading h1 size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis imperdiet. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Tincidunt praesent semper feugiat nibh sed. Lorem dolor sed viverra ipsum. Sed euismod nisi porta lorem mollis. Tincidunt tortor aliquam nulla facilisi cras fermentum odio.

Paragraph Small  - 18px font-size / 26px line-height

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis imperdiet. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Tincidunt praesent semper feugiat nibh sed. Lorem dolor sed viverra ipsum. Sed euismod nisi porta lorem mollis. Tincidunt tortor aliquam nulla facilisi cras fermentum odio.

Paragraph Default  - 18px font-size / 26px line-height

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis imperdiet. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Tincidunt praesent semper feugiat nibh sed. Lorem dolor sed viverra ipsum. Sed euismod nisi porta lorem mollis. Tincidunt tortor aliquam nulla facilisi cras fermentum odio.

Paragraph Medium  - 18px font-size / 26px line-height

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis imperdiet. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Tincidunt praesent semper feugiat nibh sed. Lorem dolor sed viverra ipsum. Sed euismod nisi porta lorem mollis. Tincidunt tortor aliquam nulla facilisi cras fermentum odio.

Paragraph Large  - 18px font-size / 26px line-height
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis imperdiet. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Tincidunt praesent semper feugiat nibh sed. Lorem dolor sed viverra ipsum. Sed euismod nisi porta lorem mollis. Tincidunt tortor aliquam nulla facilisi cras fermentum odio.
Block Quote
  1. Fully Responsive
  2. Easy To Customize
  3. Clean Code
  4. Smooth Animations
Ordered List
  • Fully Responsive
  • Easy To Customize
  • Clean Code
  • Smooth Animations
Unordered List
This is some text
This is some text
Figure and Figure Caption

Buttons

Button text
Filled Button | 10px / 20px
Button text
Outlined Button | 10px / 20px
Button
Filled Button Arrow | 10px / 20px

Imagery & Ratios

Cover
Contain
Scale down

Icons

Utility Icons

close
check-circle-1
road-sign-warning
alert-circle
arrow-button-left
arrow-right-1
office-file-pdf-1
email-action-unread
information-circle
social-media-facebook-1
professional-network-linkedin
social-media-twitter
search-alternate

Brand Icons

Overflow

Overflow

Overflow

Brand Icons

Global Layouts

Container (wide)
Container (default)
Container (narrow)
Container (thin)
Flex Positioning
Flex Center
Flex Right
Text Positioning
center
Columns
2 columns
3 columns
4 columns
5 Columns
6 Columns
6 Columns ( 2 mob)
7 Columns
8 Columns
9 Columns
10 Columns
11 Columns
12 Columns

Components

Find your Solution

Let's discuss how our expertise can help you…

Careers

Join our team

ARH Water Treatment is expanding and we are actively seeking candidates to help fulfil the increasing demand for our services. We are looking for enthusiastic, proactive team members to represent our company in the friendly and professional manner we have built our reputation upon.

Mechanical Services

Lorem ipsum dolor sit ame, consectetur adipiscing elit.

Read more

Water Treatment

Lorem ipsum dolor sit ame, consectetur adipiscing elit.

Read more

Water Hygiene

Lorem ipsum dolor sit ame, consectetur adipiscing elit.

Read more
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
Contact

Start the conversation

Drop us a line

check-circle-1
Thank you! Your submission has been received!
alert-circle
Oops! Something went wrong while submitting the form.
About

Water Hygiene and Water Treatment Specialist with focus

Founded in 2018, with our Directors combining over 20 years’ of water treatment experience, ARH Water Treatment was launched to provide Clients with a focused and trustworthy alternative to the current market. We are already highly regarded for successfully delivering our Clients’ requirements collaboratively, professionally and in full compliance with all statutory regulations.

As a Water Hygiene and Water Treatment Specialist we are committed to providing high quality and sustainable services, equipment and solutions for the whole life cycle of your building. In engaging us you are selecting a contracting partner that will analyse your scope, listen to your requirements and proactively advise on any gaps between the two. 

Services

How we can help you minimise risk, and stay compliant

Color Palette
Greyscales
Heading Styles

Super Heading Number 1 King of Headings

H1 - Space Grotesk | 48px font-size / 54px line-height

Super Heading Number 2 Heading's Revenge

H2 - Space Grotesk | 42px font-size / 48px line-height

Super Heading Number 3 Rise of Headings

H3 - Space Grotesk | 36px font-size / 42px line-height

Super Heading Number 4 Heading's Fall

H4 - Space Grotesk | 30px font-size / 36px line-height
Super Heading Number 5 Return of the Heading
H5 - Space Grotesk | 24px font-size / 30px line-height
Super Heading Number 6 The Last Heading
H6 - Space Grotesk | 18px font-size / 26px line-height
Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis imperdiet. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Tincidunt praesent semper feugiat nibh sed. Lorem dolor sed viverra ipsum. Sed euismod nisi porta lorem mollis. Tincidunt tortor aliquam nulla facilisi cras fermentum odio.

Consequat id porta nibh venenatis cras sed. Ut tristique et egestas quis. Sit amet massa vitae tortor condimentum lacinia. Dolor sed viverra ipsum nunc aliquet bibendum. In hendrerit gravida rutrum quisque. Et egestas quis ipsum suspendisse. Et malesuada fames ac turpis. Et magnis dis parturient montes nascetur ridiculus mus. Leo a diam sollicitudin tempor. Hac habitasse platea dictumst vestibulum.

Paragraph - Inter | 16px font-size / 22px line-height
Buttons
Button text
Filled Button | 10px / 20px
Button text
Outlined Button | 10px / 20px
Filled Button Arrow | 10px / 20px
Arrow Button | 10px / 0px
Richtext
Filled Button Arrow | 10px / 20px

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text?

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Ordered List

  1. Fully Responsive
  2. Easy To Customize
  3. Clean Code
  4. Smooth Animations

Unordered List

  • Fully Responsive
  • Easy To Customize
  • Clean Code
  • Smooth Animations
Iconography
close
check-circle-1
road-sign-warning
alert-circle
arrow-button-left
arrow-right-1
office-file-pdf-1
email-action-unread
information-circle
social-media-facebook-1
professional-network-linkedin
social-media-twitter
search-alternate