Locations and suburb primitives
Fourteen reusable locations + suburbs primitives for the Oak Flats Mufflermen brand — suburb heroes, stat tiles, locators, radius chips, breadcrumbs, services grids, FAQs, and a cross hero. Bonus: a full suburb page composition.
Locations and suburb primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Locations and suburb primitives: Fourteen reusable locations + suburbs primitives for the Oak Flats Mufflermen brand — suburb heroes, stat tiles, locators, radius chips, breadcrumbs, services grids, FAQs, and a cross hero. Bonus: a full suburb page composition.
Suburb hero
Hero panel — kicker, postcode chip, state chip, drive-time chip, suburb display headline, tagline, primary CTA.
Suburb fast facts row
Semantic dl of stat tiles — postcode, LGA, population, vehicle age, workshop distance.
Nearby workshops list
Locator map + per-workshop rows with distance, opening status, and primary services chips.
Service radius chip
Service-radius chip with a mini map showing the radius ring and the suburb dot.
Postcode chip
Amber postcode chip with a popover surfacing state and LGA.
Surrounding suburbs cloud
Tag-cloud of nearby suburbs. Closer suburbs lift visually via tone + size.
Local quote CTA card
Big CTA — phone chip, book online, drop-off vs mobile-fit toggle.
Suburb testimonial
Suburb-tagged customer testimonial with star rating, vehicle, and quote bubble.
Last job completed card
Recent-work card — vehicle, service, suburb, days-ago chip, status pip.
Drive time chip
Workshop-to-suburb drive time with traffic-aware tone shift.
Locations breadcrumb
Home / Locations / Suburb / Service breadcrumb with trailing state badge.
Suburb services grid
Grid of services available in this suburb — each tile carries a localised chip.
Suburb FAQ
Suburb-specific accordion — fit time, mobile vs in-workshop, parking, why choose us.
Service-suburb cross hero
Two-axis hero — service chip + suburb chip, cross headline, supporting copy, dual CTA.
Full suburb page composition
Every locations primitive composed into one full suburb detail surface.