BETTER STREETS BAYSIDE · DESIGN REFERENCE

Bayside, on your phone.

Shared colours, typography and interface rules for the SwiftUI concept and its web preview. Derived from Council’s current public website, captured 31 October 2026. This is a working implementation reference, not Council’s official brand manual.

CSS stylesheet

Colour palette

Primary blue · #2954A2
Actions, links, selected states

Aqua · #009CCD
Illustrative accents

Gold · #F3AE00
Small highlights, dark text

Grey · #53565A
Supporting text

Light · #EDF1F3
Page and grouped surfaces

Pale blue · #DFE6F1
Quiet selected surfaces

Type & interface

Web: Helvetica Neue, Arial and system sans-serif.
iPhone: San Francisco using Dynamic Type.
Blue primary actions, white surfaces, restrained dividers and SF Symbols.
Small white text uses primary blue; aqua and gold are accents with dark text.

Find an activity ↗

Coastal navigation icons

Original beach and lifesaving-inspired artwork, with transparent backgrounds and visible tab labels.

News
Activities
What’s on
Groups
Community

Group types

Walking
Cycling
Running
Families
Nature & Friends
Volunteering

Logo & attribution

Use the unmodified landscape logo with space around it. Council owns its branding. Keep the independent concept notice visible during demonstrations; final brand approval would be part of any Council engagement.

Council website source ↗ · Back to the phone demo ↗