Skip to main content

Brand Guidelines

Use waranode.svg as the source mark. Use the derived logo files in static/img/ for site and documentation surfaces.

The text beneath the node mark is:

  • NSW
  • Mesh

On dark backgrounds, NSW should be white or cream. On light backgrounds, NSW should use navy. Mesh should be wide-spaced text with a left-to-right gradient from orange to red/pink.

Logo typography:

  • NSW: Stack Sans Notch, Bold.
  • MESH: IBM Plex Sans, SemiBold or Bold, with wide letter spacing.

Logo Files​

waranode.svgSource node mark and mark-only logo.logo-primary.svgStacked logo for light backgrounds.logo-primary-dark.svgStacked logo for dark backgrounds.logo-horizontal.svgHorizontal logo for light backgrounds.logo-horizontal-dark.svgHorizontal logo for dark backgrounds.favicon.svgSimplified square browser icon.

Colour Palette​

Primary Gradient Start#FF6A00
Primary Gradient End#E11D48
Accent#F43F5E
Dark Background#0F172A
Neutral#6B7280
Light Background#F8FAFC

Usage​

  • Nodes and connecting lines use the orange-to-red/pink gradient only.
  • Text uses navy or white/cream.

Typography​

  • Logo NSW: Stack Sans Notch Bold.
  • Logo MESH: IBM Plex Sans SemiBold or Bold with wide letter spacing.
  • Documentation headings and UI highlights: Sora.
  • Body text, dashboards, and documentation: Inter.
  • Fallbacks: system-ui, sans-serif.

Spacing And Sizing​

  • Minimum icon size: 24px.
  • Preferred UI icon size: 32-48px.
  • Maintain clear space around the logo equal to the height of the centre node.