Skip to content
Example pages

News list

The feed. One lead item at full width, the rest three across — a page whose whole job is to make the newest thing obvious and the rest scannable.

What it is made of

Nothing on this page is new. It is GdPageHeader over a GdCard in its horizontal media form, then a grid of the same card in its vertical form — the difference between the lead and the rest is size and orientation, not a second component.

  • GdPageHeader — the section title and standfirst
  • GdCard flush interactive + GdImage radius="none" — the lead, on a real cover
  • GdCard + GdImage, falling back to GdCardMedia where a post has no cover
  • GdChip — the category; GdEyebrow is wrong here, it is a label for a section rather than a tag on an item

The page

An axonometric parcel with the block of buildable space standing inside it.
Guide2 August 2026

Where apartments are code assessable in Riverton

Riverton's centre zones give multiple dwellings a code pathway — assessed against the written rulebook, with no public notice. Here is exactly which zones, and what still escalates.

Read the note →
Three translucent constraint planes floating at different heights above one parcel.
Data update30 July 2026

What the region's schemes actually permit

Five residential development types codified across three councils, measured rather than surveyed.

5 min read
A stack of ruled sheets with an approval seal stamped over the top one.
Data update29 July 2026

Northbank's building-height overlay is now mapped

41 overlay joins covering every planning-scheme layer the council publishes.

3 min read
Guide24 July 2026

Granny flats in Riverton: usually no application at all

A secondary dwelling in the low density residential zone follows the dwelling house pathway.

6 min read
News index, at docs scaleThe lead is horizontal so its media can be wide without pushing the headline below the fold. Everything after it is the same card, turned.

Page-level rules

  • One lead, and only one. Two items at lead size is a page with no opinion about what matters, which costs the reader the one thing an index is for.
  • The date is metadata, not a heading. It sits with the category chip above the title, at caption size — a reader scans titles and consults dates.
  • The card is the link, not a "read more". The whole card is interactive; the arrow is an affordance, not the hit area. A separate link inside an interactive card gives a keyboard user two stops for one destination.
  • Three across, one down. The grid collapses to a single column below medium rather than to two — a two-up card at phone width is narrower than its own headline wants.
  • An empty feed still has a page. Use GdEmptyState; a heading over nothing reads as a failed load.

Navigate

Esc