Free Shipping on Australian Orders Over $150
Oak + Bay
Pass 1 · Visual Direction

Oak + Bay — Style Guide

The system underpinning the homepage and product page. Tokens map cleanly into Impulse's theme settings (colour swatches → schema settings, font pair → typography settings).

Palette

White
#FFFFFF · --background
Page background
Warm Grey
#F5F4F2 · --warm-grey
Alternate section bg
Soft Sage
#E6EEE5 · --sage-soft
CURVE band
Sage
#7A9B7E · --sage
NEW badges, accent 2
Terracotta
#C1674A · --terracotta
CTAs, accent 1
Terracotta Deep
#B85C42 · --terracotta-deep
Hover state
Charcoal Ink
#2C2924 · --foreground
Body text
On white
NewFinal Sale
On warm grey
NewFinal Sale

Typography

Display · Cabinet Grotesk Bold
Aa

Style that moves with you.

Just In · Our Bestsellers

Body · DM Sans
Aa

Brands you'll actually wear. Styles you'll keep coming back for.

Mid-weight ribbed knit jumper with a relaxed crew neck. Sits true to size — size up for an oversized fit.

Navigation Label
H1
48–72px
display
H2
32–40px
display
H3
20–24px
display
Body
14–16px
sans
Nav / Eyebrow
11–12px uppercase
sans

Impulse Theme — Custom Liquid Required

Items below are NOT covered by Impulse's native sections and need custom section/template work as part of the migration.

  • CURVE collection template
    Sage page-header band, welcoming intro copy, and inclusive-sized filter prominence won't ship out-of-box. Build a `collection.curve.liquid` template with a custom section.
  • Homepage CURVE feature band
    Sage full-width band with overlapping product cards. Needs a custom homepage section with image+3-card schema.
  • Asymmetric hero with overlay card
    Impulse hero is centred or split. Bottom-left content card with white panel + dual CTA needs a custom hero section.
  • Category tiles with solid colour-block label
    Native Impulse uses transparent gradient overlays. Solid terracotta/sage label bars require a custom collection-list section variant.
  • Style Notes blog
    Native blog is functional but plain. Custom article and listing templates needed to match card design (terracotta tag pill + display headline).
  • Featured Brands grid
    Bordered grid with hover swap needs a custom section (Impulse's logo-list is centred and unstructured).
  • Sticky terracotta ATC on mobile
    Custom snippet in product template; not native to Impulse.
  • Metafield audit (Turbo → Impulse)
    Fit notes, fabric content, custom descriptions stored as Turbo metafields must be remapped before launch.