Style guide. Exported reference copy, built 2026-09-17. Site navigation is disabled here. Back to the design system index
Kaupapa Auaha

Style Guide

The single source of truth for the Te Kāhui Rongoā website. Every page renders these same tokens and components. Change something here (in assets/styles.css) and the whole site follows. This is where we agree the look before building.

01

Colour

Clean and light. White is the base, green is the accent, dark green is used sparingly for feature bands and the footer. Hex is now the real brand palette pulled from the logo suite (Tākawa orange is still provisional).

Brand

Ngāhere
#1C3213
Headings, dark bands, footer
Koromiko
#598D3F
Buttons, links, accents
Koromiko dark
#47732F
Hover / active
Tākawa
#E08A3C
Orange, sparingly

Surfaces & ink

White
#FFFFFF
Page base
Bone
#FDFAE0
Soft sections
Bone tint
#F1F5EC
Faint green wash
Ink
#1F2A16
Body text
Ink soft
#5E6A52
Meta / muted
Line
#D8D2BE
Borders
02

Typography

Space Grotesk for headings (characterful, geometric sans), Montserrat for body and labels. Headings are tight and confident; body is calm and readable. Section headings are bilingual: English at rest, te reo on hover (see Headings).

We do not speak for rongoā

Hero display · Space Grotesk · clamp(2.5rem, 6.5vw, 4.5rem) · 700 · tracking -2%

Ko wai mātou

Section head (h2) · Space Grotesk · clamp(1.7rem, 3.6vw, 2.6rem) · 700 · tracking -1%

Kaitiakitanga

Sub-head (h3) · 1.25rem · 700

If you are a rongoā practitioner, join your rohe and become part of the national network.

Lede · 1.2rem · 400 · line-height 1.55

Rongoā Māori is traditional Māori healing, a taonga woven into the whenua and handed down through generations. Te Kāhui Rongoā is the enabler. We support regional rongoā communities to lead their own healing practices, keeping decisions where they belong.

Body · Montserrat · 1rem · 400 · line-height 1.65 · max 60ch
What we offer
Kicker / eyebrow · .72rem · 700 · uppercase · tracking .22em · with rule
03

Bilingual headings (hover to reveal te reo)

Headings rest in te reo Māori and reveal the English on hover. The old solid highlight is gone. Hover each option below and tell me which to lock site-wide. On touch screens the English shows as a subline so it stays bilingual.

Pick one, hover to compare

Option 1 · Fade + accent colour (current default)

Ko wai mātouWho we are

Option 2 · Underline wipe

Ko wai mātouWho we are

Option 3 · Left accent rule

Ko wai mātouWho we are

Option 4 · Whisper tint

Ko wai mātouWho we are

Each option on a dark band

Tō mātou arongaOur purpose

Tō mātou arongaOur purpose

Tō mātou arongaOur purpose

Tō mātou arongaOur purpose

04

Buttons & links

Primary is solid Koromiko. Secondary is a hairline outline. On dark bands the primary flips to Bone.

05

Components

Reusable blocks, referenced by name in the build. Flat, hairline-bordered, sharp corners; a subtle lift on hover.

Icon card

Training

Community engagement workshops and tools for communication and funding.

Resources

Guides and templates for organising events and managing volunteers.

Mentoring

One-on-one guidance to help leaders apply new skills.

Value card

Kaitiakitanga

Internally

We protect rongoā Māori as a sacred taonga, upheld with integrity.

Externally

We affirm the rohe as rightful kaitiaki of rongoā.

Manaakitanga

Internally

We foster a whānau-like environment supported with aroha.

Externally

We extend the healing of rongoā to all who seek it with warmth.

Steps

Register

Fill in the form.

Confirmation

Your rohe and the Trust confirm your registration.

Welcome

You are given access to the members portal.

Chips (rohe / filters)

All Te Tai Tokerau Tāmaki Makaurau Waikato Te Tairāwhiti

Plant strip (real brand icons)

Kawakawa
Harakeke
Mānuka
Koromiko
Kūmarahou

Post card

Trust update · 1 August 2026

A new pānui for the network

Kia ora and welcome to the new home for pānui from Te Kāhui Rongoā.

Read more →

Quote block

To move as allies, not owners. To open doors, but never gates.
Tō mātou ohāki

Form block

06

Feature bands

The only dark surface. Flat Ngāhere green, Bone text, used for the purpose statement, CTA and footer. Sparingly.

Purpose

To make rongoā Māori available to everyone who needs it.

07

Pattern (kōwhaiwhai overlay)

The Kawakawa Pātiki overlay lays over dark bands, images or video. Cream on transparent, anchored bottom-right, no repeat, kept subtle so text stays legible. Add class="pattern-br" to any dark section or image wrapper.

Kaupapa

We do not speak for rongoā, we serve it.

The overlay adds texture to the bottom-right corner without overwhelming the message.

Asset assets/img/pattern-overlay.svg · bottom-right · no-repeat · opacity .28 (tune in .pattern-br::after). Green full-field tile Pattern.png exists for other uses. Note: the supplied pattern-overlay.png exported blank, so the SVG is used.
08

Spacing & shape

Generous section rhythm, a comfortable reading measure, hairline borders, and fully square corners (no radius) for a sharp, editorial feel.

Square edges
Hairline border
No radius
Tokens: --radius: 0 · --section-y: clamp(4rem, 9vw, 7.5rem) · --maxw: 1140px · --measure: 60ch
09

Voice & language rules

These apply to every word on the site.