Psychology, counselling and assessments across southern Adelaide and the Fleurieu
Psychology, counselling and assessments across southern Adelaide and the Fleurieu
Every global token, component and page template in this kit, in one place. Build new pages from these blocks rather than restyling widgets so the design system stays intact.
Set in Site Settings > Global Colors. Every widget in the kit references one of these by id — never a locally picked value.
Set in Site Settings > Global Fonts. Responsive sizes are resolved per breakpoint at 1440 / 1280 / 960 / 720.
Each block is also saved to Templates > Saved Templates so it can be inserted into a new page directly.
Utility bar, sticky logo/nav/CTA row, and the Menu disclosure that replaces the prototype’s JS toggle below 1280px.
Pre-footer CTA band, the four-column footer and the legal line.
Eyebrow pill, H1, lead, tick row, two CTAs, offset image with a floating stat card.
Four-item band on Tint 2. Auto-fits from four columns down to one.
Image left with a navy overlay card, copy right with a two-column tick grid.
Nested Tabs, vertical on desktop, with a white panel holding title, body, tick list and CTA.
Four clinician cards: image, name, role, locations, pinned ‘View profile’.
Copy left, wrapping pill list right. Used for presenting concerns.
Four cards, yellow badge above an H3 and body. Used for process explainers.
Badge beside the copy. Used inside inner-page body columns.
Three cards with a 16:9 image, address, phone and a details link.
Navy fee panel beside a Nested Accordion column.
Nested Tabs acting as the location filter, each holding horizontal clinician cards.
Portrait with yellow offset beside name, role, qualifications, location pills and CTAs.
White sidebar card with referral copy, booking numbers and a CTA.
Getting started, phone CTA, locations and related links.
Fixed crisis wording on Tint 1. Wording must not be paraphrased.
Heading and copy left, two CTAs right, on Tint 1.
The five Priority 1 templates from the prototype, plus the Priority 2 pages built from the same components.
