Skip to content
BRUNTONSAustralia

The design language

Royal Navy Blue, cast in bronze.

How Bruntons Australia looks and moves: a navy that reads as deep water, bronze that reads as the propeller itself, transom-serif headlines and instrument-panel data. These are the working rules.

01 · Colour

Navy is the sea. Bronze is the product.

Every screen is built on that sentence: deep navy grounds carry the story, royal blue carries interaction, and bronze is reserved for the propeller, the numbers that matter and the primary action.

The navy system

  • Abyss#040915Page darks, footers, hero fields
  • Navy 900#071022Dark section grounds
  • Navy 800#0e1f42Gradient partners, cards on dark
  • Royal 900#0a1e52Deep accents
  • Royal 700#16337fThe brand blue — the logo's 'B'
  • Royal 600#1d429eInteractive hovers
  • Royal 500#2a55beFocus rings, links on dark
  • Royal 50#eff3fcTint fills, icon tiles

The bronze system

  • Bronze 600#96744aText-safe bronze on light
  • Bronze 500#b08d57The metal — primary CTAs
  • Bronze 400#c4a672Accents on dark, icon strokes
  • Bronze 300#d8c29aHighlights, hover sheen
  • Sand 100#f4eddeWarm tint panels
The bronze rule: bronze earns its shine — one primary CTA per view, metal accents only where the eye should land, never as body text on white below 18 px (use Bronze 600), and always allowed to move: sheen sweeps on hover, glints on touch. If everything is bronze, nothing is.

02 · Typography

A transom serif over an instrument panel

Display — Playfair Display

Perfect Propulsion

Headlines and product names — the lettering you'd paint on a transom. Weights 500–700, tight leading, never all-caps.

Text — Inter

Body copy stays quiet and legible: Inter, 16–17 px, 1.7 line height, 65–75 characters per line.

UI labels use it in semibold; the wordmark alone keeps Space Grotesk.

Data — IBM Plex Mono

430 mm · 2.47:1 · −380 RPM

Every measurement, ratio and eyebrow runs mono with wide tracking — the instrument-panel voice. Numbers are content; treat them like it.

03 · Marks

Burgees for the fleet

Boat builders are honoured with yacht-club burgees — original pennant marks monogrammed and coloured from a signal-flag palette, never reproductions of manufacturer logos. One shape, deterministic colours, instantly scannable in a grid.

BeneteauSwanLagoonOysterHallberg-RassyAmel

04 · Motion

Move like water, glint like metal

  • Backdrops drift, never flash — waves, flow lines and pulses run 12–70 second loops at whisper opacity.
  • Bronze glints on touch — a single sheen sweep (~0.65 s) across buttons and tiles; one pass, no strobing.
  • Cards lift 4 px, reveals rise 16 px, once, on first view.
  • 3D auto-rotates at 0.7 rpm and every animation respects prefers-reduced-motion — stillness is a supported feature.