01 / Seamless Website Integration

Caesura Counselling & Supervision

Designed specifically to harmonize with the existing layout, warm palette (#FFFBF8 cream, #F5DDD1 soft peach, #9B8FA5 dusty mauve), light-weight typography, and misty mountain-lake imagery of caesuracounselling.com.au. The framed header badge uses the reverse Dusty Mauve lockup — a cream & soft peach musical fermata & caesura (||) mark on mauve.

https://caesuracounselling.com.au — Live Header & Hero Preview
Caesura Musical Pause Icon
Caesura Counselling & Supervision

Burnout Recovery &
Prevention

Counselling & support for health, social & community professionals

Welcome to Caesura Counselling & Supervision

If you're running on high alert, feel like you're checking out emotionally from your work and life, or notice your anxiety about work creeping up, that isn't a personal failing. It's what happens when a caring, capable person keeps giving inside systems that ask too much for too long.

Book Your Session
02 / Visual Identity & Mark

Logo Suite & Musical Fermata + Caesura (||) Mark

In musical notation, the caesura (||) marks a complete pause to take a breath, and the fermata above it (a downward-opening semicircle with a central dot, 𝄐) means to hold that rest for as long as needed—capturing the heart of burnout recovery and unhurried support.

Caesura Header Badge Lockup

Website Header Box Lockup

Framed 2px charcoal badge with vertical divider

SVG PNG
Caesura Primary Horizontal Logo

Primary Horizontal Lockup

For warm cream (#FFFBF8) & light backgrounds

SVG PNG
Caesura Reverse Horizontal Logo

Reverse Horizontal Lockup

Cream & soft peach strokes for Dusty Mauve (#9B8FA5) & dark photos

SVG PNG
Caesura Stacked Emblem

Stacked Medallion Emblem

Centered lockup for courses, workbooks & print

SVG PNG
Musical Fermata and Caesura Charcoal Icon

Standalone Mark (Charcoal Line Art)

Default header icon, stamps & monochrome print

SVG PNG
Musical Fermata and Caesura Accent Icon

Standalone Mark (Peach & Mauve Glow)

Header hover state, favicon & social avatar

SVG PNG
03 / Color System

Warm Peach, Cream & Dusty Mauve Palette

Click any swatch below to copy its hex value. This palette preserves the exact CSS variables from caesuracounselling.com.au—creating a restorative, non-clinical atmosphere that feels warm, human, and grounded.

Click to Copy

Warm Alabaster Cream

HEX #FFFBF8 • RGB(255, 251, 248) • --bg-cream

Primary page canvas, service cards, modal backgrounds, and reverse typography on mauve sections.

Click to Copy

Soft Peach / Blush Clay

HEX #F5DDD1 • RGB(245, 221, 209) • --bg-peach

Welcome & Booking section backgrounds, icon sky glow, and warm highlight blocks.

Click to Copy

Dusty Mauve / Heather

HEX #9B8FA5 • RGB(155, 143, 165) • --bg-purple

Meet Leanne & Testimonials background, floating chat button, water reflection ripples, and brand accent.

Click to Copy

Warm Charcoal

HEX #494949 • RGB(73, 73, 73) • --text-dark

Primary body & heading text, 2px logo frame border, and primary mountain line-art strokes.

Click to Copy

Muted Slate Grey

HEX #777675 • RGB(119, 118, 117) • --btn-grey

Primary action buttons ("Book Now", "About Me"), navigation hover states, and logo subtitle ("COUNSELLING & SUPPORT").

Click to Copy

Warm Stone & Border Grey

HEX #D2CFCC / #A4A2A1 • --bg-grey / --border-grey

Delicate 1px horizontal rules, booking list dividers, and subtle card borders.

04 / Typography & Tone of Voice

Light, Unhurried & Grounded

The site uses clean geometric humanist sans-serif typography (Avenir Light / Nunito Sans 300) with generous whitespace and open line heights so overwhelmed readers never feel visually crowded.

Hero Display — Light 300 • 56px–70px • Line Height 1.18
Burnout Recovery & Prevention
Section Heading (H2) — Light 300 • 42px–56px • Line Height 1.35
Services & Supervision
Card / Sub-Heading (H3) — Light 300 • 20px–24px
Welcome to Caesura Counselling & Supervision
Upper Tagline / Subtitle — Light 300 • 12px–14px • Tracking 0.16em
COUNSELLING & SUPPORT FOR HEALTH & COMMUNITY PROFESSIONALS
Body Copy — Light 300 • 16px–18px • Line Height 1.6–1.8

I'm not going to try to fix you. You're not broken. We're going to figure out what your reactions are actually trying to tell you, and build you some new strategies alongside the ones you've already got.

Brand Voice Pillars

1. Non-Clinical & De-Shaming

Speak human-to-human, never from a pedestal. Frame burnout and nervous-system exhaustion as information ("what happens when a caring person keeps giving inside systems that ask too much"), never as a personal defect.

2. Warm, Transparent & Practical

No jargon, no performance. Combine genuine warmth with down-to-earth, practical strategies tailored to helpers, nurses, social workers, teachers, community workers, and AuDHD professionals.

3. Spacious Visual Pacing

Avoid bold heavy blocks of text, harsh pure blacks (use #494949), or high-saturation alarm colors. Let cream, soft peach, and dusty mauve create a sense of exhale.

05 / Practice Collateral & Templates

Ready-to-Use Brand Templates

Cohesive templates for business cards, social media / course graphics, email signatures, and the exact drop-in HTML code for caesuracounselling.com.au.

Caesura Stacked Emblem
Leanne Fewings
Counsellor & Supervisor
Burnout Recovery & Prevention
Caesura Counselling & Supervision
Online & In-Person Appointments
caesuracounselling.com.au
hello@caesuracounselling.com.au
Individual • Supervision • Courses

Email Signature Template

Styled for ProtonMail, Thunderbird, and Outlook

Caesura Counselling & Supervision
Leanne Fewings
Caesura Counselling & Supervision
Burnout Recovery, Counselling & Professional Supervision
hello@caesuracounselling.com.au  |  caesuracounselling.com.au

Drop-In Website Header Code for caesuracounselling.com.au

Replaces the .logo-box in index.html while keeping your exact header structure

<!-- 1. Upload caesura-icon-light.svg to /images/ -->
<!-- 2. Style .logo-box: background #9B8FA5, 2px border #9B8FA5 (hover #8E8099),
      .logo-text color #FFFBF8, subtext color #F5DDD1,
      .logo-divider background rgba(255,251,248,0.55) -->
<a href="#top" class="logo-box" aria-label="Caesura Counselling & Supervision" style="width: auto; min-width: 298px; padding: 0 14px 0 12px; background-color: #9B8FA5; border: 2px solid #9B8FA5;">
  <div class="logo-icon-wrap">
    <img src="images/caesura-icon-light.svg" alt="Caesura Counselling & Supervision Icon">
  </div>
  <div class="logo-divider" style="background-color: rgba(255,251,248,0.55);"></div>
  <div style="display: flex; flex-direction: column; justify-content: center; line-height: 1.15;">
    <span class="logo-text" style="font-size: 21px; letter-spacing: 0.04em; color: #FFFBF8;">Caesura</span>
    <span style="font-size: 10px; font-weight: 300; color: #F5DDD1; letter-spacing: 0.14em; text-transform: uppercase; margin-top: 2px;">Counselling &amp; Supervision</span>
  </div>
</a>