01 · Typography
Big Shoulders Display 900 ALL CAPS for headlines (treated like garage door signage), IBM Plex Sans for body, IBM Plex Mono for prices, codes, bay numbers. Headlines push to 6-9rem on the hero so they read as signage rather than text.
All work
Auto repair and service · Built in 7 days
Bayly Auto
Shop floor, service ticket, no apologies.
Pickering, since 1987
Open the live siteFonts
Big Shoulders Display + IBM Plex Sans/Mono
Palette
Manila bone / Ink / Hi-vis yellow / Warning red
Photos
Full-colour industrial, edge-to-edge
The brief
What we set out to solve.
Auto repair sites either go too corporate (logo, polished hero, three pillar boxes) or too punchy (red gradients, stock photos of mechanics with crossed arms). Bayly Auto is a real Pickering shop since 1987; the brand needed to feel like the inside of a working garage at 7am with the bay door open.
The decisions
Four moves that defined the brand.
02 · Palette
Manila-folder bone (#EDE5D3) for paperwork sections, deep ink-black (#0E0D0C) for full-band shop-wall moments, hi-vis safety yellow (#FFCD11) for high-energy stamps + plate cards, warning red (#A02828) for 'we do NOT do this' callouts.
03 · Photo treatment
Full-saturation industrial photography. Subjects are lifts, brakes, welding torches - never editorial-luxe. Most photos use .photo-bleed (no border, no filter, edge-to-edge). The legacy 2px ink border is opt-in for 'document-attached' framing where the photo should read as part of the work order.
04 · Voice
Blue-collar direct. Leads with the disqualifiers: 'We do not do windshields. We do not do detailing. We do not do oil changes for cars under 80,000 km.' Specificity over polish. Sections alternate between bone, hi-vis, and ink backgrounds - the transition is the divider, not a horizontal rule.
Craft moments
The small things that earned the brand.
- Service-ticket header on every page with ticket number and status pill
- Big Shoulders Display ALL CAPS for headlines, IBM Plex Mono for prices
- Photos always inside a 2px ink border, slightly desaturated
- Yellow safety hi-vis stamps as the moment of craft per page
Yours next?
Same depth, your business, seven days.
Every Ostra site starts the same way: a 3-question brief and an honest conversation about what makes your business actually different. The result looks nothing like the others.