Stock price wall

Content Blocks

A list of the blocks available currently on the site, and how best to utilize them.

Rich Text Block

Mauris eu sem ac ante imperdiet hendrerit id eget quam. Nullam faucibus urna sed blandit vestibulum. Sed id pulvinar mi. Phasellus arcu ante, molestie fringilla rhoncus ut, fermentum nec urna. Ut bibendum mauris orci, non pharetra lectus tincidunt id. Vivamus maximus lectus ut dapibus vestibulum. Etiam eu lectus semper sem malesuada suscipit. In lacus turpis, luctus vel nibh et, scelerisque vehicula nulla. Phasellus in sollicitudin dolor. Proin dignissim nisl nec velit cursus, eu vulputate felis iaculis.

Auckland harbor bridge lit up by Vector Lights at night.

Aenean pharetra lacus vitae risus aliquet, quis efficitur risus lobortis. Vestibulum bibendum nibh id nulla vehicula sollicitudin. Suspendisse nisi justo, sagittis et molestie et, varius at neque. Donec id purus a elit malesuada efficitur vitae et turpis. Aliquam tristique tincidunt congue. Aenean consectetur dictum diam, malesuada porta erat commodo sit amet.

  • Aliquam justo ex.
  • Sodales eget accumsan ac, semper eu ipsum.
  • Etiam id auctor erat.
  • Etiam eu placerat urna.
  • Proin egestas rutrum ex.


Examples of all heading sizes:

Heading 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec elementum nulla. Sed elementum augue nisi, sit amet gravida mauris euismod nec. Curabitur interdum nulla at dolor egestas elementum. Curabitur at suscipit nibh.


Heading 03

Curabitur ac consequat odio, ac egestas mi. Fusce tellus tellus, semper eget dolor a, mattis tristique arcu. Mauris fringilla ornare arcu at pellentesque. Proin magna mi, auctor rutrum aliquet id, sollicitudin ornare metus.


Heading 04

Vivamus quis diam nulla. Vivamus pretium, ante id ullamcorper ultrices, urna arcu fringilla velit, eu venenatis sem ligula in ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.

Rich Text Tiles

Various tile blocks can be created to display different information. Historically there were CTA and Icon tiles as independent blocks. These have been retired in favor of the Tiles block which bundles all these options into a single block.


CTA Tiles


Icon Tiles

These can be used to display key dates, core features or any other info where using a predefined icon is helpful in conveying information.

18 Feb 2025

Phasellus a lobortis tellus. Duis non purus in tortor aliquet maximus

Maecenas nec

Maecenas nec efficitur erat, vitae egestas nisi

Nam dapibus tortor et libero

Fusce bibendum felis id massa dictum porta


Image Tiles

Image tiles can either have a link that allows them to act as buttons to various internal / external resources, or can just be used to display images (preferably just png logos) in a list.

Google Logo
Vector Logo
Google Logo


Button Tiles

Button tiles are used to provide multiple links to content within - or outside of the website.

Consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit pellentesque convallis purus.

Google
Nullam facilisis

Suscipit pulvinar vulputate. Nulla pharetra in diam mattis tincidunt.

HomepageLearn More
Turpis vel luctus

Turpis vel luctus dignissim nullam facilisis, neque mi auctor libero, eu mattis sapien ante eu est.

Aante eu est
Discover More


Step Tiles

Step tiles provide a way to display process steps in a more engaging form than lists offer.


Auckland skyline at night

Feature Block

Proin dignissim nisl nec velit cursus, eu vulputate felis iaculis. Aenean pharetra lacus vitae risus aliquet, quis efficitur risus lobortis. Vestibulum bibendum nibh id nulla vehicula sollicitudin. Suspendisse nisi justo, sagittis et molestie et, varius at neque.

Discover more


Content Grid

Use this block to display a combination of short-form content blocks, while taking up less space than rendering single Rich Text blocks one after the other. When using these blocks, try to match the quantity of content per row, otherwise things will look unbalanced, see below for an example:

Phasellus sit amet leo

Sed nibh viverra rutrum, aliquam efficitur, tellus id finibus ornare, metus velit tristique felis, eget auctor magna mauris et felis. Nullam scelerisque, lorem non mollis luctus, lacus orci ultrices justo.

Mauris eu sem ac ante

Imperdiet hendrerit id eget quam. Nullam faucibus urna sed blandit vestibulum. Sed id pulvinar mi. Phasellus arcu ante, molestie fringilla rhoncus ut, fermentum nec urna. Ut bibendum mauris orci, non pharetra lectus tincidunt id.

Phasellus in sollicitudin dolor

Proin dignissim nisl nec velit cursus, eu vulputate felis iaculis. Aenean pharetra lacus vitae risus aliquet, quis efficitur risus lobortis. Vestibulum bibendum nibh id nulla vehicula sollicitudin. Suspendisse nisi justo, sagittis et molestie et, varius at neque. Donec id purus a elit malesuada efficitur vitae et turpis. Aliquam tristique tincidunt congue. Aenean consectetur dictum diam, malesuada porta erat commodo sit amet. Vivamus maximus lectus ut dapibus vestibulum. Etiam eu lectus semper sem malesuada suscipit. In lacus turpis, luctus vel nibh et, scelerisque vehicula nulla.

Content Accordion Block

Ut iaculis, enim ut euismod porttitor, velit leo laoreet urna, et condimentum lorem diam id sapien.

Quis maximus sapien varius eget. Nulla nisi lacus, rhoncus eu rhoncus quis, consequat ac ipsum. Cras justo ante, iaculis sed sodales vel, lacinia eu tellus. Nam interdum tortor vitae neque tempor eleifend. Etiam auctor bibendum nulla nec blandit. Nulla sit amet libero feugiat, sollicitudin turpis sit amet, dignissim libero. Sed sit amet euismod turpis. Maecenas a varius leo. Etiam blandit ultricies blandit.

  1. Quisque a tortor nulla
  2. Morbi euismod sapien
  3. Vitae ex iaculis, ac bibendum diam accumsan
  4. Pellentesque convallis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur augue massa, sodales nec lectus sed, maximus pretium nibh. Fusce molestie lacus non nisi gravida congue. Ut magna ipsum, efficitur ac pretium vel, ullamcorper a justo. Nunc eleifend, orci a sollicitudin sagittis, purus arcu tincidunt ante, id egestas est metus vitae leo. Nunc id sollicitudin enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus venenatis euismod mi, id aliquam sem cursus sit amet. Curabitur vel mauris mattis, molestie felis vel, porta tortor.

  1. Cras at maximus lectus, quis interdum arcu.
  2. Aenean dictum porta odio eget ullamcorper.
  3. Pellentesque orci nibh, ultricies at risus quis, euismod consequat velit.

Integer volutpat pretium molestie. Fusce efficitur scelerisque lorem, vitae ornare sapien dignissim et.

Tab Table

Ut iaculis, enim ut euismod porttitor, velit leo laoreet urna, et condimentum lorem diam id sapien.



Things to consider

Further info

Ut iaculis

Donec dictum velit aliquam

Ut iaculis, enim ut euismod porttitor, velit leo laoreet urna, et condimentum lorem diam id sapien. Vestibulum fermentum, turpis vel suscipit consequat, augue dui fringilla velit, sit amet ultricies diam arcu ut eros. Nulla ultricies justo nec magna egestas, pretium tempor massa mollis. Nam sodales neque sed iaculis lacinia. Nunc placerat sit amet justo vitae posuere.

Enim ut euismod

Nam interdum

Eet condimentum lorem diam id sapien. Ut iaculis, enim ut euismod porttitor, velit leo laoreet urna. Maecenas bibendum nibh at ligula ultrices, nec tincidunt metus dapibus. Ut massa lacus, malesuada eget massa non, dignissim volutpat neque. Sed aliquet scelerisque sapien vitae finibus. Sed luctus malesuada eros ac tempor. Morbi convallis maximus arcu, ut faucibus risus ultricies eu. Duis ante diam, feugiat in dignissim ut, consequat eu purus. Suspendisse hendrerit lectus a arcu aliquet, sed consequat turpis luctus. Aenean eu semper odio, vel maximus felis.