Style guide

Everything on this page is read from the site when the page loads, so it always matches the theme.

Logo

Colours

Primary (Blue deep)

Accent (Teal base)

Text body (Blue strong)

Text muted (Blue base, AA)

Text inverse (White)

Text on accent (Sea glass deep)

Accent text (Sea glass base)

Text inverse subtle (Blue base lightened)

Success (Green strong)

Warning (Yellow strong)

Error (Red strong)

Decor 1 (Red base)

Decor 2 (Brown base)

Decor 3 (Green base)

Decor 4 (Blue base)

Decor 5 (Brown strong)

Decor 6 (Teal deep)

Decor 7 (Green deep)

Decor 8 (Sea glass mid)

Surface (White)

Surface subtle (Teal wash)

Surface raised (Beige mist)

Surface panel (Beige tint)

Surface inverse (Blue deep)

Accent inverse (Teal mid)

Accent subtle (Teal mist)

Border accent (Teal tint)

Border (Sea glass mist)

White

Black

Tints and variants

Lighter, darker and hover versions of the main colours. Use the main colour first; reach for these for hover states, soft backgrounds and borders.

Primary strong (Sea glass deep)

Accent strong (Teal strong)

Accent text strong (Sea glass strong)

Text inverse muted (Blue tint)

Border strong (Sea glass tint)

Fonts

Geist

The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ? ! $ %

var(--wp--preset--font-family--heading) Geist, ui-sans-serif, system-ui, sans-serif

Manrope

The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ? ! $ %

var(--wp--preset--font-family--body) Manrope, ui-sans-serif, system-ui, sans-serif

Headings and body

Quote and pull quote

They rebuilt our site so our own team can change it. Six months on, we have not needed to call them once.

Sam Taylor, Taylor Family Funerals

A pull quote lifts one line out of the copy and lets it breathe.

Pull quote block

Size presets

The sizes the editor offers. Most are fluid: they scale with the screen between the mobile and desktop values shown, so the live size at this screen width sits beside each one. Resize the window and it changes.

H1 (32 to 64)
var(--wp--preset--font-size--display)
2rem to 4rem
Build sites clients can edit
H2 (30 to 44)
var(--wp--preset--font-size--heading)
1.875rem to 2.75rem
Build sites clients can edit
H3 (28 to 36)
var(--wp--preset--font-size--subheading)
1.75rem to 2.25rem
Build sites clients can edit
H4 Bold (22 to 28)
var(--wp--preset--font-size--card-title)
1.375rem to 1.75rem
Build sites clients can edit
H5 and H5 Bold (20 to 24)
var(--wp--preset--font-size--small-heading)
1.25rem to 1.5rem
Build sites clients can edit
H6 (18 to 20)
var(--wp--preset--font-size--headline)
1.125rem to 1.25rem
Build sites clients can edit
Lead Default (18 to 20)
var(--wp--preset--font-size--lead)
1.125rem to 1.25rem
Build sites clients can edit
Lead Small (17 to 18)
var(--wp--preset--font-size--medium)
1.0625rem to 1.125rem
Build sites clients can edit
Body Regular (15 to 16)
var(--wp--preset--font-size--body)
0.9375rem to 1rem
Build sites clients can edit
Kicker Default (14 to 16)
var(--wp--preset--font-size--eyebrow)
0.875rem to 1rem
Build sites clients can edit
Caption Regular (13 to 14)
var(--wp--preset--font-size--small)
0.8125rem to 0.875rem
Build sites clients can edit
Kicker Small (12 to 13)
var(--wp--preset--font-size--card-meta)
0.75rem to 0.8125rem
Build sites clients can edit

Spacing

8
var(--wp--preset--spacing--10)
0.5rem
12
var(--wp--preset--spacing--20)
0.75rem
16
var(--wp--preset--spacing--30)
1rem
24
var(--wp--preset--spacing--40)
1.5rem
32
var(--wp--preset--spacing--50)
2rem
40
var(--wp--preset--spacing--60)
2.5rem
48
var(--wp--preset--spacing--70)
3rem
Card row (12)
var(--wp--preset--spacing--card-row)
0.75rem
Mega menu gap (28)
var(--wp--preset--spacing--panel-gap)
1.75rem
Nav item gap (36)
var(--wp--preset--spacing--nav-gap)
2.25rem
Column gap (40 to 120)
var(--wp--preset--spacing--gap-fluid)
clamp(2.5rem, 0.6429rem + 7.619vw, 7.5rem)
Section (60 to 80)
var(--wp--preset--spacing--section)
clamp(3.75rem, 3.2857rem + 1.9048vw, 5rem)
Article rhythm (72 to 96)
var(--wp--preset--spacing--band-y)
clamp(4.5rem, 3.9429rem + 2.2857vw, 6rem)
Listing rhythm (80 to 120)
var(--wp--preset--spacing--grid-row)
clamp(5rem, 4.0714rem + 3.8095vw, 7.5rem)
Hero top (180 to 200)
var(--wp--preset--spacing--hero-y)
clamp(11.25rem, 10.7857rem + 1.9048vw, 12.5rem)
Panel padding (40 to 80)
var(--wp--preset--spacing--band-inner)
clamp(2.5rem, 1.5714rem + 3.8095vw, 5rem)
Band 5 (24 to 40)
var(--wp--preset--spacing--band-5)
clamp(1.5rem, 1.1286rem + 1.5238vw, 2.5rem)
Band 10 (60 to 120)
var(--wp--preset--spacing--band-10)
clamp(3.75rem, 2.3571rem + 5.7143vw, 7.5rem)
Flow (48 to 72)
var(--wp--preset--spacing--flow)
clamp(3rem, 2.4429rem + 2.2857vw, 4.5rem)
Column gap ratio (starter)
var(--wp--preset--spacing--column-gap-ratio)
10%
Column gap ratio wide (starter)
var(--wp--preset--spacing--column-gap-ratio-wide)
10.5%
Column gap wide (120)
var(--wp--preset--spacing--column-gap-wide)
7.5rem
Kicker gap (12 to 16)
var(--wp--preset--spacing--kicker-gap)
clamp(0.75rem, 0.6571rem + 0.381vw, 1rem)
Stack (24 to 32)
var(--wp--preset--spacing--stack)
clamp(1.5rem, 1.3143rem + 0.7619vw, 2rem)
Hero stack (24 to 36)
var(--wp--preset--spacing--stack-hero)
clamp(1.5rem, 1.2214rem + 1.1429vw, 2.25rem)
Heading to content (32 to 40)
var(--wp--preset--spacing--heading-content)
clamp(2rem, 1.8143rem + 0.7619vw, 2.5rem)
Heading to content, listing pages (32 to 48)
var(--wp--preset--spacing--heading-content-lg)
clamp(2rem, 1.6286rem + 1.5238vw, 3rem)
Button gap (10)
var(--wp--preset--spacing--button-gap)
0.625rem
Card foot (32 to 44)
var(--wp--preset--spacing--card-foot)
clamp(2rem, 1.7214rem + 1.1429vw, 2.75rem)
Hero texts (8 to 16)
var(--wp--preset--spacing--hero-texts)
clamp(0.5rem, 0.3143rem + 0.7619vw, 1rem)
Hero actions (24 to 48)
var(--wp--preset--spacing--hero-actions)
clamp(1.5rem, 0.9429rem + 2.2857vw, 3rem)
Media row gap (36)
var(--wp--preset--spacing--media-gap)
2.25rem
Hero credit gap (96)
var(--wp--preset--spacing--hero-credit)
var(--wp--custom--hero--credit-gap)
Hero stats gap (24 to 160)
var(--wp--preset--spacing--hero-stats)
var(--wp--custom--hero--section--stats-gap)
Resource rows (16 to 24)
var(--wp--preset--spacing--resource-gap)
var(--wp--custom--resource--gap)

Buttons and block styles

Styles made for dark surfaces, shown on the darkest palette colour.

List styles

Numbered cards is-style-numbered-cards

  • Editable by you
  • Fast on any device

Map legend is-style-legend

  • Editable by you
  • Fast on any device

Icon: Feature Check is-style-icon-feature-check

  • Editable by you
  • Fast on any device

Icon: Feature Dot is-style-icon-feature-dot

  • Editable by you
  • Fast on any device

Icon: Feature Arrow is-style-icon-feature-arrow

  • Editable by you
  • Fast on any device

Icon: Arrow Right is-style-icon-arrow-right

  • Editable by you
  • Fast on any device

Icon: Arrow Circle Main is-style-icon-arrow-circle-main

  • Editable by you
  • Fast on any device

Other block styles

core/groupReveal is-style-reveal
Reveal up is-style-reveal-up
Reveal children in sequence is-style-reveal-stagger
Note is-style-note
Torn top edge is-style-torn-top
core/imageReveal is-style-reveal
Reveal up is-style-reveal-up
Reveal children in sequence is-style-reveal-stagger
Brush mask A is-style-brush-a
Brush mask B is-style-brush-b
Media is-style-media
Panel is-style-panel
core/headingReveal is-style-reveal
Reveal up is-style-reveal-up
Reveal children in sequence is-style-reveal-stagger
core/paragraphReveal is-style-reveal
Reveal up is-style-reveal-up
Reveal children in sequence is-style-reveal-stagger
Kicker is-style-kicker
Kicker (small) is-style-kicker-small
Lead is-style-lead
Lead (small) is-style-lead-small
Note is-style-note
Pill is-style-pill
core/columnsReveal is-style-reveal
Reveal up is-style-reveal-up
Reveal children in sequence is-style-reveal-stagger
core/columnReveal is-style-reveal
Reveal up is-style-reveal-up
Reveal children in sequence is-style-reveal-stagger
core/coverReveal is-style-reveal
Reveal up is-style-reveal-up
Reveal children in sequence is-style-reveal-stagger
core/post-templateReveal is-style-reveal
Reveal up is-style-reveal-up
Reveal children in sequence is-style-reveal-stagger
core/separatorTorn line is-style-torn

Forms

Gravity Form "Contact" (id 1) as the theme styles it. Fields, labels, help text, errors and the button all come from theme.json through the form defaults.

Icons

47 icons in the site set. Click one to copy its name for the Icon block.

Contrast

What text can go on each colour. AA means 4.5:1, fine for body text; AA large means 3:1, headings only; AAA is 7:1. Colours that pass nothing are listed so nobody has to guess.

Primary (Blue deep)
Accent (Teal base) 5.2:1 AAAccent strong (Teal strong) 3.3:1 AA largeText inverse (White) 15.2:1 AAAText inverse muted (Blue tint) 12.8:1 AAAText inverse subtle (Blue base lightened) 4.6:1 AASuccess (Green strong) 3.3:1 AA largeWarning (Yellow strong) 6.2:1 AAError (Red strong) 3.1:1 AA largeDecor 1 (Red base) 4.3:1 AA largeDecor 3 (Green base) 8.3:1 AAADecor 4 (Blue base) 3.8:1 AA largeDecor 8 (Sea glass mid) 5.9:1 AASurface (White) 15.2:1 AAASurface subtle (Teal wash) 14.1:1 AAASurface raised (Beige mist) 14.6:1 AAASurface panel (Beige tint) 13.7:1 AAAAccent inverse (Teal mid) 8.1:1 AAAAccent subtle (Teal mist) 13.4:1 AAABorder accent (Teal tint) 12.4:1 AAABorder (Sea glass mist) 12.2:1 AAABorder strong (Sea glass tint) 9.8:1 AAAWhite 15.2:1 AAA
Primary strong (Sea glass deep)
Accent (Teal base) 5.7:1 AAAccent strong (Teal strong) 3.6:1 AA largeText muted (Blue base, AA) 3.2:1 AA largeText inverse (White) 16.8:1 AAAText inverse muted (Blue tint) 14.0:1 AAAText inverse subtle (Blue base lightened) 5.1:1 AASuccess (Green strong) 3.6:1 AA largeWarning (Yellow strong) 6.8:1 AAError (Red strong) 3.4:1 AA largeDecor 1 (Red base) 4.8:1 AADecor 2 (Brown base) 3.1:1 AA largeDecor 3 (Green base) 9.2:1 AAADecor 4 (Blue base) 4.2:1 AA largeDecor 8 (Sea glass mid) 6.5:1 AASurface (White) 16.8:1 AAASurface subtle (Teal wash) 15.5:1 AAASurface raised (Beige mist) 16.0:1 AAASurface panel (Beige tint) 15.1:1 AAAAccent inverse (Teal mid) 9.0:1 AAAAccent subtle (Teal mist) 14.7:1 AAABorder accent (Teal tint) 13.6:1 AAABorder (Sea glass mist) 13.4:1 AAABorder strong (Sea glass tint) 10.8:1 AAAWhite 16.8:1 AAA
Accent (Teal base)
Primary (Blue deep) 5.2:1 AAPrimary strong (Sea glass deep) 5.7:1 AAText body (Blue strong) 3.9:1 AA largeText on accent (Sea glass deep) 5.7:1 AAAccent text strong (Sea glass strong) 3.2:1 AA largeDecor 5 (Brown strong) 3.2:1 AA largeDecor 6 (Teal deep) 3.8:1 AA largeSurface inverse (Blue deep) 5.2:1 AABlack 7.2:1 AAA
Accent strong (Teal strong)
Primary (Blue deep) 3.3:1 AA largePrimary strong (Sea glass deep) 3.6:1 AA largeText inverse (White) 4.6:1 AAText on accent (Sea glass deep) 3.6:1 AA largeText inverse muted (Blue tint) 3.9:1 AA largeSurface (White) 4.6:1 AASurface subtle (Teal wash) 4.3:1 AA largeSurface raised (Beige mist) 4.4:1 AA largeSurface panel (Beige tint) 4.1:1 AA largeSurface inverse (Blue deep) 3.3:1 AA largeAccent subtle (Teal mist) 4.1:1 AA largeBorder accent (Teal tint) 3.8:1 AA largeBorder (Sea glass mist) 3.7:1 AA largeWhite 4.6:1 AABlack 4.6:1 AA
Text body (Blue strong)
Accent (Teal base) 3.9:1 AA largeText inverse (White) 11.3:1 AAAText inverse muted (Blue tint) 9.4:1 AAAText inverse subtle (Blue base lightened) 3.4:1 AA largeWarning (Yellow strong) 4.6:1 AADecor 1 (Red base) 3.2:1 AA largeDecor 3 (Green base) 6.2:1 AADecor 8 (Sea glass mid) 4.4:1 AA largeSurface (White) 11.3:1 AAASurface subtle (Teal wash) 10.5:1 AAASurface raised (Beige mist) 10.8:1 AAASurface panel (Beige tint) 10.1:1 AAAAccent inverse (Teal mid) 6.0:1 AAAccent subtle (Teal mist) 9.9:1 AAABorder accent (Teal tint) 9.2:1 AAABorder (Sea glass mist) 9.0:1 AAABorder strong (Sea glass tint) 7.2:1 AAAWhite 11.3:1 AAA
Text muted (Blue base, AA)
Primary strong (Sea glass deep) 3.2:1 AA largeText inverse (White) 5.2:1 AAText on accent (Sea glass deep) 3.2:1 AA largeText inverse muted (Blue tint) 4.4:1 AA largeSurface (White) 5.2:1 AASurface subtle (Teal wash) 4.8:1 AASurface raised (Beige mist) 5.0:1 AASurface panel (Beige tint) 4.7:1 AAAccent subtle (Teal mist) 4.6:1 AABorder accent (Teal tint) 4.2:1 AA largeBorder (Sea glass mist) 4.2:1 AA largeBorder strong (Sea glass tint) 3.3:1 AA largeWhite 5.2:1 AABlack 4.0:1 AA large
Text inverse (White)
Primary (Blue deep) 15.2:1 AAAPrimary strong (Sea glass deep) 16.8:1 AAAAccent strong (Teal strong) 4.6:1 AAText body (Blue strong) 11.3:1 AAAText muted (Blue base, AA) 5.2:1 AAText on accent (Sea glass deep) 16.8:1 AAAAccent text (Sea glass base) 5.6:1 AAAccent text strong (Sea glass strong) 9.4:1 AAAText inverse subtle (Blue base lightened) 3.3:1 AA largeSuccess (Green strong) 4.7:1 AAError (Red strong) 4.9:1 AADecor 1 (Red base) 3.5:1 AA largeDecor 2 (Brown base) 5.4:1 AADecor 4 (Blue base) 4.0:1 AA largeDecor 5 (Brown strong) 9.3:1 AAADecor 6 (Teal deep) 11.0:1 AAADecor 7 (Green deep) 8.7:1 AAASurface inverse (Blue deep) 15.2:1 AAABlack 21.0:1 AAA
Text on accent (Sea glass deep)
Accent (Teal base) 5.7:1 AAAccent strong (Teal strong) 3.6:1 AA largeText muted (Blue base, AA) 3.2:1 AA largeText inverse (White) 16.8:1 AAAText inverse muted (Blue tint) 14.0:1 AAAText inverse subtle (Blue base lightened) 5.1:1 AASuccess (Green strong) 3.6:1 AA largeWarning (Yellow strong) 6.8:1 AAError (Red strong) 3.4:1 AA largeDecor 1 (Red base) 4.8:1 AADecor 2 (Brown base) 3.1:1 AA largeDecor 3 (Green base) 9.2:1 AAADecor 4 (Blue base) 4.2:1 AA largeDecor 8 (Sea glass mid) 6.5:1 AASurface (White) 16.8:1 AAASurface subtle (Teal wash) 15.5:1 AAASurface raised (Beige mist) 16.0:1 AAASurface panel (Beige tint) 15.1:1 AAAAccent inverse (Teal mid) 9.0:1 AAAAccent subtle (Teal mist) 14.7:1 AAABorder accent (Teal tint) 13.6:1 AAABorder (Sea glass mist) 13.4:1 AAABorder strong (Sea glass tint) 10.8:1 AAAWhite 16.8:1 AAA
Accent text (Sea glass base)
Text inverse (White) 5.6:1 AAText inverse muted (Blue tint) 4.7:1 AADecor 3 (Green base) 3.1:1 AA largeSurface (White) 5.6:1 AASurface subtle (Teal wash) 5.2:1 AASurface raised (Beige mist) 5.4:1 AASurface panel (Beige tint) 5.1:1 AAAccent inverse (Teal mid) 3.0:1 AA largeAccent subtle (Teal mist) 4.9:1 AABorder accent (Teal tint) 4.6:1 AABorder (Sea glass mist) 4.5:1 AABorder strong (Sea glass tint) 3.6:1 AA largeWhite 5.6:1 AABlack 3.7:1 AA large
Accent text strong (Sea glass strong)
Accent (Teal base) 3.2:1 AA largeText inverse (White) 9.4:1 AAAText inverse muted (Blue tint) 7.9:1 AAAWarning (Yellow strong) 3.8:1 AA largeDecor 3 (Green base) 5.2:1 AADecor 8 (Sea glass mid) 3.6:1 AA largeSurface (White) 9.4:1 AAASurface subtle (Teal wash) 8.7:1 AAASurface raised (Beige mist) 9.0:1 AAASurface panel (Beige tint) 8.5:1 AAAAccent inverse (Teal mid) 5.0:1 AAAccent subtle (Teal mist) 8.3:1 AAABorder accent (Teal tint) 7.7:1 AAABorder (Sea glass mist) 7.6:1 AAABorder strong (Sea glass tint) 6.1:1 AAWhite 9.4:1 AAA
Text inverse muted (Blue tint)
Primary (Blue deep) 12.8:1 AAAPrimary strong (Sea glass deep) 14.0:1 AAAAccent strong (Teal strong) 3.9:1 AA largeText body (Blue strong) 9.4:1 AAAText muted (Blue base, AA) 4.4:1 AA largeText on accent (Sea glass deep) 14.0:1 AAAAccent text (Sea glass base) 4.7:1 AAAccent text strong (Sea glass strong) 7.9:1 AAASuccess (Green strong) 3.9:1 AA largeError (Red strong) 4.1:1 AA largeDecor 2 (Brown base) 4.5:1 AADecor 4 (Blue base) 3.3:1 AA largeDecor 5 (Brown strong) 7.8:1 AAADecor 6 (Teal deep) 9.2:1 AAADecor 7 (Green deep) 7.3:1 AAASurface inverse (Blue deep) 12.8:1 AAABlack 17.6:1 AAA
Text inverse subtle (Blue base lightened)
Primary (Blue deep) 4.6:1 AAPrimary strong (Sea glass deep) 5.1:1 AAText body (Blue strong) 3.4:1 AA largeText inverse (White) 3.3:1 AA largeText on accent (Sea glass deep) 5.1:1 AADecor 6 (Teal deep) 3.3:1 AA largeSurface (White) 3.3:1 AA largeSurface subtle (Teal wash) 3.1:1 AA largeSurface raised (Beige mist) 3.2:1 AA largeSurface inverse (Blue deep) 4.6:1 AAWhite 3.3:1 AA largeBlack 6.4:1 AA
Success (Green strong)
Primary (Blue deep) 3.3:1 AA largePrimary strong (Sea glass deep) 3.6:1 AA largeText inverse (White) 4.7:1 AAText on accent (Sea glass deep) 3.6:1 AA largeText inverse muted (Blue tint) 3.9:1 AA largeSurface (White) 4.7:1 AASurface subtle (Teal wash) 4.3:1 AA largeSurface raised (Beige mist) 4.5:1 AA largeSurface panel (Beige tint) 4.2:1 AA largeSurface inverse (Blue deep) 3.3:1 AA largeAccent subtle (Teal mist) 4.1:1 AA largeBorder accent (Teal tint) 3.8:1 AA largeBorder (Sea glass mist) 3.7:1 AA largeWhite 4.7:1 AABlack 4.5:1 AA large
Warning (Yellow strong)
Primary (Blue deep) 6.2:1 AAPrimary strong (Sea glass deep) 6.8:1 AAText body (Blue strong) 4.6:1 AAText on accent (Sea glass deep) 6.8:1 AAAccent text strong (Sea glass strong) 3.8:1 AA largeDecor 5 (Brown strong) 3.8:1 AA largeDecor 6 (Teal deep) 4.5:1 AA largeDecor 7 (Green deep) 3.5:1 AA largeSurface inverse (Blue deep) 6.2:1 AABlack 8.6:1 AAA
Error (Red strong)
Primary (Blue deep) 3.1:1 AA largePrimary strong (Sea glass deep) 3.4:1 AA largeText inverse (White) 4.9:1 AAText on accent (Sea glass deep) 3.4:1 AA largeText inverse muted (Blue tint) 4.1:1 AA largeSurface (White) 4.9:1 AASurface subtle (Teal wash) 4.5:1 AASurface raised (Beige mist) 4.7:1 AASurface panel (Beige tint) 4.4:1 AA largeSurface inverse (Blue deep) 3.1:1 AA largeAccent subtle (Teal mist) 4.3:1 AA largeBorder accent (Teal tint) 4.0:1 AA largeBorder (Sea glass mist) 3.9:1 AA largeBorder strong (Sea glass tint) 3.1:1 AA largeWhite 4.9:1 AABlack 4.3:1 AA large
Decor 1 (Red base)
Primary (Blue deep) 4.3:1 AA largePrimary strong (Sea glass deep) 4.8:1 AAText body (Blue strong) 3.2:1 AA largeText inverse (White) 3.5:1 AA largeText on accent (Sea glass deep) 4.8:1 AADecor 6 (Teal deep) 3.1:1 AA largeSurface (White) 3.5:1 AA largeSurface subtle (Teal wash) 3.3:1 AA largeSurface raised (Beige mist) 3.4:1 AA largeSurface panel (Beige tint) 3.2:1 AA largeSurface inverse (Blue deep) 4.3:1 AA largeAccent subtle (Teal mist) 3.1:1 AA largeWhite 3.5:1 AA largeBlack 6.0:1 AA
Decor 2 (Brown base)
Primary strong (Sea glass deep) 3.1:1 AA largeText inverse (White) 5.4:1 AAText on accent (Sea glass deep) 3.1:1 AA largeText inverse muted (Blue tint) 4.5:1 AASurface (White) 5.4:1 AASurface subtle (Teal wash) 5.0:1 AASurface raised (Beige mist) 5.2:1 AASurface panel (Beige tint) 4.9:1 AAAccent subtle (Teal mist) 4.8:1 AABorder accent (Teal tint) 4.4:1 AA largeBorder (Sea glass mist) 4.3:1 AA largeBorder strong (Sea glass tint) 3.5:1 AA largeWhite 5.4:1 AABlack 3.9:1 AA large
Decor 3 (Green base)
Primary (Blue deep) 8.3:1 AAAPrimary strong (Sea glass deep) 9.2:1 AAAText body (Blue strong) 6.2:1 AAText on accent (Sea glass deep) 9.2:1 AAAAccent text (Sea glass base) 3.1:1 AA largeAccent text strong (Sea glass strong) 5.2:1 AADecor 5 (Brown strong) 5.1:1 AADecor 6 (Teal deep) 6.0:1 AADecor 7 (Green deep) 4.8:1 AASurface inverse (Blue deep) 8.3:1 AAABlack 11.5:1 AAA
Decor 4 (Blue base)
Primary (Blue deep) 3.8:1 AA largePrimary strong (Sea glass deep) 4.2:1 AA largeText inverse (White) 4.0:1 AA largeText on accent (Sea glass deep) 4.2:1 AA largeText inverse muted (Blue tint) 3.3:1 AA largeSurface (White) 4.0:1 AA largeSurface subtle (Teal wash) 3.7:1 AA largeSurface raised (Beige mist) 3.8:1 AA largeSurface panel (Beige tint) 3.6:1 AA largeSurface inverse (Blue deep) 3.8:1 AA largeAccent subtle (Teal mist) 3.5:1 AA largeBorder accent (Teal tint) 3.2:1 AA largeBorder (Sea glass mist) 3.2:1 AA largeWhite 4.0:1 AA largeBlack 5.3:1 AA
Decor 5 (Brown strong)
Accent (Teal base) 3.2:1 AA largeText inverse (White) 9.3:1 AAAText inverse muted (Blue tint) 7.8:1 AAAWarning (Yellow strong) 3.8:1 AA largeDecor 3 (Green base) 5.1:1 AADecor 8 (Sea glass mid) 3.6:1 AA largeSurface (White) 9.3:1 AAASurface subtle (Teal wash) 8.6:1 AAASurface raised (Beige mist) 8.9:1 AAASurface panel (Beige tint) 8.3:1 AAAAccent inverse (Teal mid) 5.0:1 AAAccent subtle (Teal mist) 8.2:1 AAABorder accent (Teal tint) 7.6:1 AAABorder (Sea glass mist) 7.4:1 AAABorder strong (Sea glass tint) 6.0:1 AAWhite 9.3:1 AAA
Decor 6 (Teal deep)
Accent (Teal base) 3.8:1 AA largeText inverse (White) 11.0:1 AAAText inverse muted (Blue tint) 9.2:1 AAAText inverse subtle (Blue base lightened) 3.3:1 AA largeWarning (Yellow strong) 4.5:1 AA largeDecor 1 (Red base) 3.1:1 AA largeDecor 3 (Green base) 6.0:1 AADecor 8 (Sea glass mid) 4.2:1 AA largeSurface (White) 11.0:1 AAASurface subtle (Teal wash) 10.2:1 AAASurface raised (Beige mist) 10.5:1 AAASurface panel (Beige tint) 9.9:1 AAAAccent inverse (Teal mid) 5.9:1 AAAccent subtle (Teal mist) 9.7:1 AAABorder accent (Teal tint) 9.0:1 AAABorder (Sea glass mist) 8.8:1 AAABorder strong (Sea glass tint) 7.1:1 AAAWhite 11.0:1 AAA
Decor 7 (Green deep)
Text inverse (White) 8.7:1 AAAText inverse muted (Blue tint) 7.3:1 AAAWarning (Yellow strong) 3.5:1 AA largeDecor 3 (Green base) 4.8:1 AADecor 8 (Sea glass mid) 3.3:1 AA largeSurface (White) 8.7:1 AAASurface subtle (Teal wash) 8.0:1 AAASurface raised (Beige mist) 8.3:1 AAASurface panel (Beige tint) 7.8:1 AAAAccent inverse (Teal mid) 4.6:1 AAAccent subtle (Teal mist) 7.6:1 AAABorder accent (Teal tint) 7.1:1 AAABorder (Sea glass mist) 6.9:1 AABorder strong (Sea glass tint) 5.6:1 AAWhite 8.7:1 AAA
Decor 8 (Sea glass mid)
Primary (Blue deep) 5.9:1 AAPrimary strong (Sea glass deep) 6.5:1 AAText body (Blue strong) 4.4:1 AA largeText on accent (Sea glass deep) 6.5:1 AAAccent text strong (Sea glass strong) 3.6:1 AA largeDecor 5 (Brown strong) 3.6:1 AA largeDecor 6 (Teal deep) 4.2:1 AA largeDecor 7 (Green deep) 3.3:1 AA largeSurface inverse (Blue deep) 5.9:1 AABlack 8.1:1 AAA
Surface (White)
Primary (Blue deep) 15.2:1 AAAPrimary strong (Sea glass deep) 16.8:1 AAAAccent strong (Teal strong) 4.6:1 AAText body (Blue strong) 11.3:1 AAAText muted (Blue base, AA) 5.2:1 AAText on accent (Sea glass deep) 16.8:1 AAAAccent text (Sea glass base) 5.6:1 AAAccent text strong (Sea glass strong) 9.4:1 AAAText inverse subtle (Blue base lightened) 3.3:1 AA largeSuccess (Green strong) 4.7:1 AAError (Red strong) 4.9:1 AADecor 1 (Red base) 3.5:1 AA largeDecor 2 (Brown base) 5.4:1 AADecor 4 (Blue base) 4.0:1 AA largeDecor 5 (Brown strong) 9.3:1 AAADecor 6 (Teal deep) 11.0:1 AAADecor 7 (Green deep) 8.7:1 AAASurface inverse (Blue deep) 15.2:1 AAABlack 21.0:1 AAA
Surface subtle (Teal wash)
Primary (Blue deep) 14.1:1 AAAPrimary strong (Sea glass deep) 15.5:1 AAAAccent strong (Teal strong) 4.3:1 AA largeText body (Blue strong) 10.5:1 AAAText muted (Blue base, AA) 4.8:1 AAText on accent (Sea glass deep) 15.5:1 AAAAccent text (Sea glass base) 5.2:1 AAAccent text strong (Sea glass strong) 8.7:1 AAAText inverse subtle (Blue base lightened) 3.1:1 AA largeSuccess (Green strong) 4.3:1 AA largeError (Red strong) 4.5:1 AADecor 1 (Red base) 3.3:1 AA largeDecor 2 (Brown base) 5.0:1 AADecor 4 (Blue base) 3.7:1 AA largeDecor 5 (Brown strong) 8.6:1 AAADecor 6 (Teal deep) 10.2:1 AAADecor 7 (Green deep) 8.0:1 AAASurface inverse (Blue deep) 14.1:1 AAABlack 19.5:1 AAA
Surface raised (Beige mist)
Primary (Blue deep) 14.6:1 AAAPrimary strong (Sea glass deep) 16.0:1 AAAAccent strong (Teal strong) 4.4:1 AA largeText body (Blue strong) 10.8:1 AAAText muted (Blue base, AA) 5.0:1 AAText on accent (Sea glass deep) 16.0:1 AAAAccent text (Sea glass base) 5.4:1 AAAccent text strong (Sea glass strong) 9.0:1 AAAText inverse subtle (Blue base lightened) 3.2:1 AA largeSuccess (Green strong) 4.5:1 AA largeError (Red strong) 4.7:1 AADecor 1 (Red base) 3.4:1 AA largeDecor 2 (Brown base) 5.2:1 AADecor 4 (Blue base) 3.8:1 AA largeDecor 5 (Brown strong) 8.9:1 AAADecor 6 (Teal deep) 10.5:1 AAADecor 7 (Green deep) 8.3:1 AAASurface inverse (Blue deep) 14.6:1 AAABlack 20.1:1 AAA
Surface panel (Beige tint)
Primary (Blue deep) 13.7:1 AAAPrimary strong (Sea glass deep) 15.1:1 AAAAccent strong (Teal strong) 4.1:1 AA largeText body (Blue strong) 10.1:1 AAAText muted (Blue base, AA) 4.7:1 AAText on accent (Sea glass deep) 15.1:1 AAAAccent text (Sea glass base) 5.1:1 AAAccent text strong (Sea glass strong) 8.5:1 AAASuccess (Green strong) 4.2:1 AA largeError (Red strong) 4.4:1 AA largeDecor 1 (Red base) 3.2:1 AA largeDecor 2 (Brown base) 4.9:1 AADecor 4 (Blue base) 3.6:1 AA largeDecor 5 (Brown strong) 8.3:1 AAADecor 6 (Teal deep) 9.9:1 AAADecor 7 (Green deep) 7.8:1 AAASurface inverse (Blue deep) 13.7:1 AAABlack 18.9:1 AAA
Surface inverse (Blue deep)
Accent (Teal base) 5.2:1 AAAccent strong (Teal strong) 3.3:1 AA largeText inverse (White) 15.2:1 AAAText inverse muted (Blue tint) 12.8:1 AAAText inverse subtle (Blue base lightened) 4.6:1 AASuccess (Green strong) 3.3:1 AA largeWarning (Yellow strong) 6.2:1 AAError (Red strong) 3.1:1 AA largeDecor 1 (Red base) 4.3:1 AA largeDecor 3 (Green base) 8.3:1 AAADecor 4 (Blue base) 3.8:1 AA largeDecor 8 (Sea glass mid) 5.9:1 AASurface (White) 15.2:1 AAASurface subtle (Teal wash) 14.1:1 AAASurface raised (Beige mist) 14.6:1 AAASurface panel (Beige tint) 13.7:1 AAAAccent inverse (Teal mid) 8.1:1 AAAAccent subtle (Teal mist) 13.4:1 AAABorder accent (Teal tint) 12.4:1 AAABorder (Sea glass mist) 12.2:1 AAABorder strong (Sea glass tint) 9.8:1 AAAWhite 15.2:1 AAA
Accent inverse (Teal mid)
Primary (Blue deep) 8.1:1 AAAPrimary strong (Sea glass deep) 9.0:1 AAAText body (Blue strong) 6.0:1 AAText on accent (Sea glass deep) 9.0:1 AAAAccent text (Sea glass base) 3.0:1 AA largeAccent text strong (Sea glass strong) 5.0:1 AADecor 5 (Brown strong) 5.0:1 AADecor 6 (Teal deep) 5.9:1 AADecor 7 (Green deep) 4.6:1 AASurface inverse (Blue deep) 8.1:1 AAABlack 11.2:1 AAA
Accent subtle (Teal mist)
Primary (Blue deep) 13.4:1 AAAPrimary strong (Sea glass deep) 14.7:1 AAAAccent strong (Teal strong) 4.1:1 AA largeText body (Blue strong) 9.9:1 AAAText muted (Blue base, AA) 4.6:1 AAText on accent (Sea glass deep) 14.7:1 AAAAccent text (Sea glass base) 4.9:1 AAAccent text strong (Sea glass strong) 8.3:1 AAASuccess (Green strong) 4.1:1 AA largeError (Red strong) 4.3:1 AA largeDecor 1 (Red base) 3.1:1 AA largeDecor 2 (Brown base) 4.8:1 AADecor 4 (Blue base) 3.5:1 AA largeDecor 5 (Brown strong) 8.2:1 AAADecor 6 (Teal deep) 9.7:1 AAADecor 7 (Green deep) 7.6:1 AAASurface inverse (Blue deep) 13.4:1 AAABlack 18.4:1 AAA
Border accent (Teal tint)
Primary (Blue deep) 12.4:1 AAAPrimary strong (Sea glass deep) 13.6:1 AAAAccent strong (Teal strong) 3.8:1 AA largeText body (Blue strong) 9.2:1 AAAText muted (Blue base, AA) 4.2:1 AA largeText on accent (Sea glass deep) 13.6:1 AAAAccent text (Sea glass base) 4.6:1 AAAccent text strong (Sea glass strong) 7.7:1 AAASuccess (Green strong) 3.8:1 AA largeError (Red strong) 4.0:1 AA largeDecor 2 (Brown base) 4.4:1 AA largeDecor 4 (Blue base) 3.2:1 AA largeDecor 5 (Brown strong) 7.6:1 AAADecor 6 (Teal deep) 9.0:1 AAADecor 7 (Green deep) 7.1:1 AAASurface inverse (Blue deep) 12.4:1 AAABlack 17.1:1 AAA
Border (Sea glass mist)
Primary (Blue deep) 12.2:1 AAAPrimary strong (Sea glass deep) 13.4:1 AAAAccent strong (Teal strong) 3.7:1 AA largeText body (Blue strong) 9.0:1 AAAText muted (Blue base, AA) 4.2:1 AA largeText on accent (Sea glass deep) 13.4:1 AAAAccent text (Sea glass base) 4.5:1 AAAccent text strong (Sea glass strong) 7.6:1 AAASuccess (Green strong) 3.7:1 AA largeError (Red strong) 3.9:1 AA largeDecor 2 (Brown base) 4.3:1 AA largeDecor 4 (Blue base) 3.2:1 AA largeDecor 5 (Brown strong) 7.4:1 AAADecor 6 (Teal deep) 8.8:1 AAADecor 7 (Green deep) 6.9:1 AASurface inverse (Blue deep) 12.2:1 AAABlack 16.8:1 AAA
Border strong (Sea glass tint)
Primary (Blue deep) 9.8:1 AAAPrimary strong (Sea glass deep) 10.8:1 AAAText body (Blue strong) 7.2:1 AAAText muted (Blue base, AA) 3.3:1 AA largeText on accent (Sea glass deep) 10.8:1 AAAAccent text (Sea glass base) 3.6:1 AA largeAccent text strong (Sea glass strong) 6.1:1 AAError (Red strong) 3.1:1 AA largeDecor 2 (Brown base) 3.5:1 AA largeDecor 5 (Brown strong) 6.0:1 AADecor 6 (Teal deep) 7.1:1 AAADecor 7 (Green deep) 5.6:1 AASurface inverse (Blue deep) 9.8:1 AAABlack 13.5:1 AAA
White
Primary (Blue deep) 15.2:1 AAAPrimary strong (Sea glass deep) 16.8:1 AAAAccent strong (Teal strong) 4.6:1 AAText body (Blue strong) 11.3:1 AAAText muted (Blue base, AA) 5.2:1 AAText on accent (Sea glass deep) 16.8:1 AAAAccent text (Sea glass base) 5.6:1 AAAccent text strong (Sea glass strong) 9.4:1 AAAText inverse subtle (Blue base lightened) 3.3:1 AA largeSuccess (Green strong) 4.7:1 AAError (Red strong) 4.9:1 AADecor 1 (Red base) 3.5:1 AA largeDecor 2 (Brown base) 5.4:1 AADecor 4 (Blue base) 4.0:1 AA largeDecor 5 (Brown strong) 9.3:1 AAADecor 6 (Teal deep) 11.0:1 AAADecor 7 (Green deep) 8.7:1 AAASurface inverse (Blue deep) 15.2:1 AAABlack 21.0:1 AAA
Black
Accent (Teal base) 7.2:1 AAAAccent strong (Teal strong) 4.6:1 AAText muted (Blue base, AA) 4.0:1 AA largeText inverse (White) 21.0:1 AAAAccent text (Sea glass base) 3.7:1 AA largeText inverse muted (Blue tint) 17.6:1 AAAText inverse subtle (Blue base lightened) 6.4:1 AASuccess (Green strong) 4.5:1 AA largeWarning (Yellow strong) 8.6:1 AAAError (Red strong) 4.3:1 AA largeDecor 1 (Red base) 6.0:1 AADecor 2 (Brown base) 3.9:1 AA largeDecor 3 (Green base) 11.5:1 AAADecor 4 (Blue base) 5.3:1 AADecor 8 (Sea glass mid) 8.1:1 AAASurface (White) 21.0:1 AAASurface subtle (Teal wash) 19.5:1 AAASurface raised (Beige mist) 20.1:1 AAASurface panel (Beige tint) 18.9:1 AAAAccent inverse (Teal mid) 11.2:1 AAAAccent subtle (Teal mist) 18.4:1 AAABorder accent (Teal tint) 17.1:1 AAABorder (Sea glass mist) 16.8:1 AAABorder strong (Sea glass tint) 13.5:1 AAAWhite 21.0:1 AAA

Patterns

95 patterns. Open one to see it rendered with the live styles.

Article block devora/article-block

Article heading

A lead paragraph that sets out what this section explains.

Body copy goes here. Replace with the client’s copy from the content plan.

Article index (template) devora/article-index
Band devora/band

Sections go here.

Column band (heading, lead, list) weave/column-band

Section heading goes here

Placeholder paragraph. Replace with the client's copy from the content plan.

  • List item
  • List item
  • List item
  • List item
Contact card devora/contact-card
Contact form panel devora/contact-form

A statement that introduces the form.

Contact team panel devora/contact-team

A statement that introduces the people to contact.

Contact (intro, address, phone, form) weave/contact

Page title goes here

Placeholder paragraph. Replace with the client's copy from the content plan.

Placeholder paragraph. Replace with the client's copy from the content plan.

Placeholder paragraph. Replace with the client's copy from the content plan.

Placeholder paragraph. Replace with the client's copy from the content plan.

By appointment;
Street address,
Suburb, City 0000, New Zealand.

Send us a message

Call to action with tagline weave/cta-tagline

Placeholder paragraph. Replace with the client's copy from the content plan.

Placeholder paragraph. Replace with the client's copy from the content plan.

Call to action band weave/cta

Placeholder paragraph. Replace with the client's copy from the content plan.

Section heading goes here

Event details table (template) devora/details-event
Story details (template) devora/details-news

Details

Date

Details table (template) devora/details-table

Details

Date

Event card (template) devora/event-card
Event details card (template) devora/event-details

Event details

What's coming up devora/events-upcoming

Events

What’s coming up

  • 10:00 am to 11:00 am (New Zealand)

    Demo upcoming event

    This demonstration event shows how an upcoming event appears, including the fallback image, date, time and registration link. It is for client preview only.

Fact sheet card devora/fact-sheet-card
Fact sheet carousel devora/fact-sheet-carousel
Facts and figures devora/facts-figures

Facts and figures

A first figure

100 m

a unit

A comparison that makes the figure real

A second figure

2.5 km

Another comparison

A figure

10 m

A figure

20 m

A figure

30 m

FAQ accordion weave/faq

Section heading goes here

A short, plain answer. Two or three sentences at most.

Another short answer.

Another short answer. Duplicate an item to add a question.

Feature list (two columns, ticked) weave/feature-list

Eyebrow

Section heading goes here

Placeholder paragraph. Replace with the client's copy from the content plan.

Item heading

Placeholder paragraph. Replace with the client's copy from the content plan.

View website

Item heading

Placeholder paragraph. Replace with the client's copy from the content plan.

View website

Item heading

Placeholder paragraph. Replace with the client's copy from the content plan.

View website

Item heading

Placeholder paragraph. Replace with the client's copy from the content plan.

View website

Item heading

Placeholder paragraph. Replace with the client's copy from the content plan.

View website

Item heading

Placeholder paragraph. Replace with the client's copy from the content plan.

View website

Featured cards (text and numbered cards on paper) devora/featured-cards
Featured card with media panel devora/featured-media

Kicker

A statement heading that says what this card is about.

Placeholder paragraph. Replace with the client’s copy from the content plan.

Figure card devora/figure-card

A statement about the picture below, with a link to where it is explained.

A short lead that introduces the picture.

Graduate list devora/graduate-list

Post-graduate students and alumni

A list of the graduate student researchers the programme has supported.

Graduate row devora/graduate-row

Event hero (template) devora/hero-event

Style guide

News hero (template) devora/hero-news

Style guide

Page hero (template) devora/hero-page
Region hero (template) devora/hero-region
Resource hero (template) devora/hero-resource

Style guide

Hero (full viewport, statement and one button) weave/hero

Page title goes here

Placeholder paragraph. Replace with the client's copy from the content plan.

Small print or a short note.

Home: Band devora/home-band

Sections go here.

Home: Hero devora/home-hero

Heading goes here

A short lead paragraph goes here.

  • 00 first stat
  • 00 second stat
  • 00 third stat
Image and copy (two columns, button) weave/image-copy

Placeholder paragraph. Replace with the client's copy from the content plan.

Placeholder paragraph. Replace with the client's copy from the content plan.

Page hero devora/internal-hero
Introduction (eyebrow, short heading, paragraph) weave/intro

Eyebrow

Section heading goes here

Placeholder paragraph. Replace with the client's copy from the content plan.

Keep reading devora/keep-reading
Landing page: closing CTA weave/landing-cta

Placeholder paragraph. Replace with the client's copy from the content plan.

Section heading goes here

Landing page: hero weave/landing-hero

Page title goes here

Placeholder paragraph. Replace with the client's copy from the content plan.

Landing page: intro weave/landing-intro

Placeholder paragraph. Replace with the client's copy from the content plan.

Resource Library hero devora/library-hero

Explore the research

Style guide

Resource Library topics devora/library-topics
Home: Where to go (link cards) devora/link-cards
Listing row devora/listing-row
Logo grid weave/logo-grid
Logo (reversed, for dark bands) devora/logo-reversed
Logo (header) devora/logo
Media feature (text beside a big image or video poster) devora/media-feature

A short heading

Placeholder lead paragraph. Replace with the client’s copy from the content plan.

A second lead paragraph.

A third, closer to the second.

Video poster, full width devora/media-full
Watch the video on YouTube
Video title
Image and text row devora/media-row

Text beside the image goes here.

Menu: About promo devora/menu-about-promo

About DEVORA - our history, leadership, people, partners and funders.

Menu: Explore Our Volcanoes promo devora/menu-explore-promo

Explore the Auckland Volcanic Field

Menu: Story tile, Our volcanic future devora/menu-story-tile-future

Our volcanic future

Menu: Story tile, Our volcanic past devora/menu-story-tile-past

Our volcanic past

Menu: Story tile, Our volcanic present devora/menu-story-tile-present

Our volcanic present

Keep reading card devora/mini-card-page
In-page index devora/mini-cards
News and events card devora/news-card
Keep reading, other stories (template) devora/news-keep-reading
Latest news and events devora/news-latest

News and events

From the programme

Newsletter signup card weave/newsletter-signup

Placeholder paragraph. Replace with the client's copy from the content plan.

Small print or a short note.

Numbered images devora/numbered-images
Resource Library: Explore by output type devora/output-type-tiles

Resource Library

Explore by output type

Page hero panel (eyebrow and title) weave/page-hero

Eyebrow

Page title goes here

Page intro devora/page-intro

An opening statement that says what this page is about.

Body copy goes here. Replace with the client’s copy from the content plan.

Partner logos devora/partner-logos

Our connections

People group devora/people-group

Management team

Collectively, the two co-leaders, the project manager, the Manutaki, researchers from Earth Sciences New Zealand, and the senior research assistants are referred to as the DEVORA management team.

  • Prof Jan Lindsay

    Prof Jan Lindsay

    Jan Lindsay is a volcanologist and Professor in the School of Environment at Waipapa Taumata Rau the University of Auckland. She has an MSc in Geology from the University of Auckland, and a PhD in Geosciences from the University of Giessen in Germany. She has held positions at GNS Science in Taupō; the GeoResearch Centre (GFZ) in Potsdam, Germany; and the University of the West Indies in Trinidad. She is a Past President of the Geoscience Society of New Zealand and a past Vice President of the International Association of Volcanology and Chemistry of the Earth's Interior (IAVCEI). She has worked on projects in the broad area of volcanic geology, hazard and risk in Aotearoa New Zealand, Chile, the Lesser Antilles, Hawai’i and Saudi Arabia and co-leads the long-standing Determining Volcanic Risk in Auckland (DEVORA) research programme. She has co-authored over 100 publications and is the immediate past Editor in Chief (and a current Associate Editor) of the Journal of Applied Volcanology. She has also served as the Associate Dean of Science (Research) in the Faculty of Science, University of Auckland.

    View full profile

  • Dr Graham Leonard

    Dr Graham Leonard

    Graham Leonard is General Manager Geological Hazards at Earth Sciences New Zealand. He has 25 years’ experience in Earth process and hazard research, including the development and leadership of major research programmes. He is passionate about improving community resilience through risk reduction and effective warnings. His research focused on volcanic mapping, geology, stratigraphy and geochronology. He has worked extensively throughout the Asia-Pacific region and in North and South America. His work has contributed to the development of effective responses to warning systems and mitigation of the impacts of disasters.

    View full profile

  • Dr Elaine Smid

    Dr Elaine Smid

    Elaine Smid recently completed her PhD through DEVORA and manages the programme while actively researching the Auckland Volcanic Field. Elaine was one of the first people to join DEVORA when it launched in 2008.

    View full profile

  • Kelvin Tāpuke

    Kelvin Tāpuke

    Kelvin Tapuke is Manutaki of DEVORA. He works widely in the disaster research space, and has whakapapa to Ngāi Tai ki Tāmaki, an iwi whose domain includes many of the maunga of the Auckland Volcanic Field. He is a Senior Research Officer at the Joint Centre for Disaster Research at Massey University.

  • Dr Craig Millar

    Dr Craig Millar

    Craig Millar is a Senior Volcano Geophysicist at Earth Sciences New Zealand, specialising in application of geophysical potential field and electrical methods to model volcanic structure and time-varying processes. His research involves applying novel inversion techniques to image volcanic architecture and the use of data-driven models to interpret volcanic unrest in a probabilistic sense. He currently leads the Beneath the Waves Endeavour programme which aims to quantify hazards from New Zealand's near shore island volcanoes. He has worked on numerous volcanic eruptions and unrest episodes in NZ, Vanuatu and Chile and has been a member of the volcano duty team since 2003.

  • Prof Shane Cronin

    Prof Shane Cronin

    Shane Cronin is a volcanologist and Professor of Earth Sciences at University of Auckland. His current research interests include volcano-tectonic interactions and instability, understanding Auckland's volcanic past and future risk, large-scale explosive volcanism at New Zealand andesite volcanoes, Taranaki, Tongariro and Ruapehu, volcanoes of the South Pacific (Vanuatu, Solomon Islands, Tonga, Fiji), as well as other volcanoes further afield in Indonesia, Saudi Arabia and Korea.

  • Prof Jonathan Procter

    Prof Jonathan Procter

    Jonathan Procter (Muaupoko, Ngāi Tahu) is a Professor of Natural Hazards at Massey University. He has contributed to developing research that focuses on volcanic hazard simulation and working with communities to increase resilience to natural and environmental hazards. Jonathan manages the Volcanic Risk Solutions (VRS) research group and has contributed nationally to developing new research directions in volcanology. Being one of only a handful of Māori professorial scientists, Jonathan feels he has a duty to contribute to Māori development. His greatest contribution in this respect has been the development of a new area of research on mātauranga Māori, volcanic hazards and building resilience in Māori communities.

  • Annahlise Hall

    Annahlise Hall

    Annahlise Hall is a current PhD student in Geology (Volcanology) at the University of Auckland. Her current project is focused on studying the explosive eruptive history of the Tonga Volcanic Arc using tephrochronology to provide insights into volcanic hazard and risk in Tonga. Previously, her research has involved reconstructing the eruptive processes and dynamics of the 1900-1904 Waimangu Geyser of the Waimangu Volcanic Valley, New Zealand, via microscopic and geochemical deposit analysis.

  • Thomas Stollberger

    Thomas Stollberger

    Thomas Stollberger is a PhD candidate at the University of Auckland studying the Pliocene fossil molluscs and palaeoenvironments of South Auckland. His primary areas of expertise are Paleontology (fossils), Geology, and Mollusca.

  • Meegan Soulsby

    Meegan Soulsby

    Meegan Soulsby is a current PhD student in the Faculty of Science, Physics at the University of Auckland. She is an environmental physicist using new seismic data and AI tools to build a high-resolution 3D model of Auckland’s subsurface to monitor for signs of change.

Person card devora/person-card
Post category links weave/posts-categories
Prose column (illustration, lead, headings, lists) weave/prose-column

Placeholder paragraph. Replace with the client's copy from the content plan.

Placeholder paragraph. Replace with the client's copy from the content plan.

Section heading goes here

  • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Section heading goes here

Placeholder paragraph. Replace with the client's copy from the content plan.

Section heading goes here

  • List item
  • List item
  • List item
  • List item
Region cards devora/region-cards

Explore by region

Select a region to explore its volcanoes, features, and stories.

Region map section devora/region-map-section
Region resources (template) devora/region-resources
Related resources (single) devora/related-resources
Resource row (library) devora/resource-card
Resource details (template) devora/resource-details

Details

Added to library

Resource row devora/resource-item
Resource Library list devora/resource-library

Resources

Resources list devora/resource-list
Resource facts strip (template) devora/resource-meta
Section hero devora/section-hero
Showcase panel weave/showcase
Split panel devora/split-panel

A statement heading that says what this panel is about.

Placeholder paragraph. Replace with the client’s copy from the content plan.

Standard (image and text) devora/standard

Kicker

A statement heading that says what this block is about.

Placeholder paragraph. Replace with the client’s copy from the content plan.

Statement band (centred heading, narrow paragraphs) weave/statement

Section heading goes here

Placeholder paragraph. Replace with the client's copy from the content plan.

Placeholder paragraph. Replace with the client's copy from the content plan.

Latest stories devora/stories
Style guide additions (DEVORA) devora/style-guide-extras

DEVORA additions

What the style guide above does not show, rendered as real blocks: the paragraph styles, bold text, every button style, the icons as the Icon block draws them, the corner radii and the contact form.

Text styles

Kicker: explore the research

Kicker small: journal article

Lead: the Auckland Volcanic Field covers about 360 square kilometres of Tāmaki Makaurau.

Lead small: each eruption builds a new volcano, so the next one could be anywhere in the field.

Body with bold text in ExtraBold and an inline link, as a paragraph of Manrope Regular.

Caption: Rangitoto from Takapuna, caption bold, photo credit on the image.

Quote

Was it the amiable disposition of the inhabitants? Was it the ties of friendship, that I formed there? Or was it the grandeur and peculiarity of the natural features of a country, appearing in its isolation like a world of its own, that attracted me so strongly? I cannot say; but I still look back with enthusiasm to my stay in the Antipodes.

Ferdinand von Hochstetter, 1863.

Note

Note: There are many people and assets exposed to the next Auckland Volcanic Field eruption, but it will likely impact only a fraction of them.

Note: a note with more than one paragraph

The Group version of the note holds a title and several paragraphs, with the same rule down the left.

Buttons

Button colour: every filled button uses the strong teal with a white label, 4.6:1, and the deep teal on hover. The bright teal stays for icons, borders and highlights, where it needs no text contrast (Liz and Julia, 30 September).

On the teal wash band (forms, intro sections)

On the dark surface: a link on a dark band, and the buttons for dark bands.

Icons, as the Icon block draws them

Corner radii

Small, 4: buttons

Panel and card, 8: cards, inputs, images

Pill: chips and badges

Home constructions

The pieces the Home page adds, rendered from their pattern files: numbered cards on the paper panel, the icon list as rows and as a list, and the three dynamic rows, which show whatever the site holds (sample content in Studio).

Icon list, rows

Rows of a two-tone icon and a short line, beside a brush-masked image.

Each row is a Group holding an Icon block and a paragraph

Use rows when every item needs its own icon

  • Icon list, list mode: a core List with the feature check icon, one icon for every item.
  • Enter adds the next item, as on Our goals.

News and events

From the programme

Resource Library

Explore by topic

Stage 6: inner pages

Figure card: a statement above one wide picture.

A white card on a hub band; the picture carries its own credit as the caption.

Watch the video on YouTube
Video poster: the whole picture links to the video

Article section: a lead, body, a media row with a legend, numbered images and a panel image

The lead paragraph sets out what the section explains.

Body paragraphs sit 16 apart; the media and panels sit at the section’s own gap.

A media row: an image beside its text, with a legend under the text.

  • Volcanic ash
  • Tuff ring
  • Scoria cone
  • Scoria cone with crater
  • Lava flow
A diagram on the panel, at its own ratio
Gavin Mouldey

Facts and figures

A first figure

100 m

a unit

A comparison that makes the figure real

A second figure

2.5 km

Another comparison

A figure

10 m

A figure

20 m

A figure

30 m

Explore by region

Select a region to explore its volcanoes, features, and stories.

Stage 6: About, Our people and Contact

People group: person cards, Read bio and a video

Collectively, the two co-leaders, the project manager, the Manutaki, researchers from Earth Sciences New Zealand, and the senior research assistants are referred to as the DEVORA management team.

  • Prof Jan Lindsay

  • Dr Graham Leonard

  • Dr Elaine Smid

  • Kelvin Tāpuke

  • Dr Craig Millar

  • Prof Shane Cronin

  • Prof Jonathan Procter

  • Annahlise Hall

  • Thomas Stollberger

  • Meegan Soulsby

Partner logos: each tile links to the partner

Split panel on navy, with contact cards from the People group “Contact”.

Stage 6: News and events, the Resource Library

Story cards

Category chips, story cards and page numbers

  • Media release

    Volcanic missiles help Auckland prepare for threats from below

    Scientists unleashing volcanic ballistics onto Kiwi roofs hope to help Aucklanders understand and manage their volcanic hazards. Wilson and his team have been researching a variety of aspects of volcanic activity, simulating what may happen to buildings exposed to a future Auckland Volcanic Field (AVF) eruption.

    Read more: Volcanic missiles help Auckland prepare for threats from below
  • News

    13th Annual DEVORA Forum

    Highlights of the 13th Annual DEVORA Forum held on November 3rd, 2020.

    Read more: 13th Annual DEVORA Forum
  • News

    DEVORA at GSNZ 2020

    This year we had a variety of researchers presenting at the Geoscience Society of New Zealand (GSNZ) conference in Christchurch. The talks and posters ranged from outreach and education to faults and eruptions.

    Read more: DEVORA at GSNZ 2020

Event card

An event as What’s coming up lists it

  • 10:00 am to 11:00 am (New Zealand)

    Demo upcoming event

    This demonstration event shows how an upcoming event appears, including the fallback image, date, time and registration link. It is for client preview only.

Library hero

Search and output type facets

Library rows

Details table

Date

Output type

Journal article

Peer reviewed

Yes

Contact form

Testimonials (slider) weave/testimonials

1 / 3

A short client quote, one or two sentences, in their own words.

Client name

Role, Organisation

A second client quote.

Client name

Role, Organisation

A third client quote. Duplicate a slide in List View to add one.

Client name

Role, Organisation

Resource Library: Explore by topic devora/topic-tiles

Resource Library

Explore by topic

Page not found (template) devora/utility-404

We could not find that page

The link may be out of date, or the page may have moved. Search the site, or start from one of these pages.

Listing (template) devora/utility-index

Latest from DEVORA

Utility page devora/utility-page

Latest from DEVORA

Search results (template) devora/utility-search

Search results

Tag archive (template) devora/utility-tag

Tagged

1 item

Not shown because they render the current page or a template part: Fact sheet content (template), Resource content (template).

DEVORA additions

What the style guide above does not show, rendered as real blocks: the paragraph styles, bold text, every button style, the icons as the Icon block draws them, the corner radii and the contact form.

Text styles

Kicker: explore the research

Kicker small: journal article

Lead: the Auckland Volcanic Field covers about 360 square kilometres of Tāmaki Makaurau.

Lead small: each eruption builds a new volcano, so the next one could be anywhere in the field.

Body with bold text in ExtraBold and an inline link, as a paragraph of Manrope Regular.

Caption: Rangitoto from Takapuna, caption bold, photo credit on the image.

Quote

Was it the amiable disposition of the inhabitants? Was it the ties of friendship, that I formed there? Or was it the grandeur and peculiarity of the natural features of a country, appearing in its isolation like a world of its own, that attracted me so strongly? I cannot say; but I still look back with enthusiasm to my stay in the Antipodes.

Ferdinand von Hochstetter, 1863.

Note

Note: There are many people and assets exposed to the next Auckland Volcanic Field eruption, but it will likely impact only a fraction of them.

Note: a note with more than one paragraph

The Group version of the note holds a title and several paragraphs, with the same rule down the left.

Buttons

Button colour: every filled button uses the strong teal with a white label, 4.6:1, and the deep teal on hover. The bright teal stays for icons, borders and highlights, where it needs no text contrast (Liz and Julia, 30 September).

On the teal wash band (forms, intro sections)

On the dark surface: a link on a dark band, and the buttons for dark bands.

Icons, as the Icon block draws them

Corner radii

Small, 4: buttons

Panel and card, 8: cards, inputs, images

Pill: chips and badges

Home constructions

The pieces the Home page adds, rendered from their pattern files: numbered cards on the paper panel, the icon list as rows and as a list, and the three dynamic rows, which show whatever the site holds (sample content in Studio).

Icon list, rows

Rows of a two-tone icon and a short line, beside a brush-masked image.

Each row is a Group holding an Icon block and a paragraph

Use rows when every item needs its own icon

  • Icon list, list mode: a core List with the feature check icon, one icon for every item.
  • Enter adds the next item, as on Our goals.

News and events

From the programme

Resource Library

Explore by topic

Stage 6: inner pages

Figure card: a statement above one wide picture.

A white card on a hub band; the picture carries its own credit as the caption.

Watch the video on YouTube
Video poster: the whole picture links to the video

Article section: a lead, body, a media row with a legend, numbered images and a panel image

The lead paragraph sets out what the section explains.

Body paragraphs sit 16 apart; the media and panels sit at the section’s own gap.

A media row: an image beside its text, with a legend under the text.

  • Volcanic ash
  • Tuff ring
  • Scoria cone
  • Scoria cone with crater
  • Lava flow
A diagram on the panel, at its own ratio
Gavin Mouldey

Facts and figures

A first figure

100 m

a unit

A comparison that makes the figure real

A second figure

2.5 km

Another comparison

A figure

10 m

A figure

20 m

A figure

30 m

Explore by region

Select a region to explore its volcanoes, features, and stories.

Stage 6: About, Our people and Contact

People group: person cards, Read bio and a video

Collectively, the two co-leaders, the project manager, the Manutaki, researchers from Earth Sciences New Zealand, and the senior research assistants are referred to as the DEVORA management team.

  • Prof Jan Lindsay

  • Dr Graham Leonard

  • Dr Elaine Smid

  • Kelvin Tāpuke

  • Dr Craig Millar

  • Prof Shane Cronin

  • Prof Jonathan Procter

  • Annahlise Hall

  • Thomas Stollberger

  • Meegan Soulsby

Partner logos: each tile links to the partner

Split panel on navy, with contact cards from the People group “Contact”.

Stage 6: News and events, the Resource Library

Story cards

Category chips, story cards and page numbers

  • Media release

    Volcanic missiles help Auckland prepare for threats from below

    Scientists unleashing volcanic ballistics onto Kiwi roofs hope to help Aucklanders understand and manage their volcanic hazards. Wilson and his team have been researching a variety of aspects of volcanic activity, simulating what may happen to buildings exposed to a future Auckland Volcanic Field (AVF) eruption.

    Read more: Volcanic missiles help Auckland prepare for threats from below
  • News

    13th Annual DEVORA Forum

    Highlights of the 13th Annual DEVORA Forum held on November 3rd, 2020.

    Read more: 13th Annual DEVORA Forum
  • News

    DEVORA at GSNZ 2020

    This year we had a variety of researchers presenting at the Geoscience Society of New Zealand (GSNZ) conference in Christchurch. The talks and posters ranged from outreach and education to faults and eruptions.

    Read more: DEVORA at GSNZ 2020

Event card

An event as What’s coming up lists it

  • 10:00 am to 11:00 am (New Zealand)

    Demo upcoming event

    This demonstration event shows how an upcoming event appears, including the fallback image, date, time and registration link. It is for client preview only.

Library hero

Search and output type facets

Library rows

Details table

Date

Output type

Journal article

Peer reviewed

Yes

Contact form