Design Presentation 1 / 7

Norman Hering, LMFT · Visual direction

Three ways the same story can feel.

We’ve built three complete visual directions for your homepage. The words, the sections, and the form are identical across all three — only the look and feel change. This is a chance to see which one resonates with you.

What this presentation is

A look at what’s possible. You’re not picking a final winner today — you’re seeing what feels authentic and aligned so we can figure out if any of these directions are worth pursuing together.

What it is not

A sign-off, a commitment, or a final decision of any kind. We’re simply exploring whether these ideas resonate with you. If something clicks, we’ll talk about next steps. If not, that’s useful too.

How to use this deck

Use the arrow keys or the buttons below to move through the slides. Each direction gets its own page with a few plain-English questions. There are no wrong answers — gut reactions are the most useful signal here.

At a glance

Three directions, one constant.

Everything below the surface — the copy, the six sections, the contact form — stays the same. The table shows what actually changes between the three.

DirectionWorking titleWhat to noticeType & layout feel
Tactile Organic Sabi Sanctuary Warm linen canvas, soft serif, gently uneven corners — like a well-worn, calm room. Newsreader serif + Source Sans; left-aligned, quiet, organic radii.
Mid-Century Contemplative Chromatic Stillness Parchment with an arched hero tile and crisp geometry — structured, composed, deliberate. Fraunces serif + Plus Jakarta Sans; two-column hero, geometric radii.
Coastal Botanical Biophilic Horizon Mist-white, pill-shaped everything, centered and airy — open, breathable, calm. Outfit sans + DM Sans; centered layout, pill radii.

What stays constant

The headline, the personal story, the three service cards, the fees, and the contact form are the same in every version. Only the visual language — color, type, shape, spacing, and motion — is being tuned.

Direction 1 · Tactile Organic

Sabi Sanctuary

Warm, grounded, gently imperfect.

linen · matcha · persimmon · ink

View live mockup →

Key mechanics

  • Layout: left-aligned, single column, generous breathing room.
  • Type: Newsreader serif headlines (light, editorial) over Source Sans body.
  • Color: warm linen ground; matcha green carries actions, persimmon marks the quote.
  • Shape: softly uneven, organic corner radii — nothing feels machine-cut.
  • Focal point: the personal quote, framed by a persimmon rule.

What to notice

This is the warmest, most tactile of the three. The dial here is texture and softness — it reads like a calm, lived-in space rather than a polished brochure.

Feedback prompts

1

Gut check: does this warm, organic feel read as authentic to you — or does it feel too soft?

2

Type: the serif headlines feel editorial and calm. Does that match how you want to come across?

3

Audience test: would someone seeking a contemplative therapist feel welcomed and at ease here?

4

Color: the green-and-persimmon pairing is earthy. Does it feel like you, or too muted?

Direction 2 · Mid-Century Contemplative

Chromatic Stillness

Composed, structured, quietly confident.

parchment · ochre · lapis · espresso

View live mockup →

Key mechanics

  • Layout: two-column hero with a distinctive arched tile holding a short quote.
  • Type: Fraunces variable serif (crisp, high-contrast) over Plus Jakarta Sans body.
  • Color: warm parchment ground; ochre and lapis blue as the two accents.
  • Shape: geometric, deliberate radii — sharp UI corners, a single arch as the signature.
  • Focal point: the arch tile, which gives the page a memorable silhouette.

What to notice

This is the most structured and composed of the three. The dial here is architecture and precision — it reads as intentional and considered, with a single memorable shape anchoring the page.

Feedback prompts

1

Gut check: does this structured, mid-century feel read as confident and grounded — or too formal?

2

Layout: the arched hero tile is the signature. Does it feel distinctive, or distracting?

3

Type: the serif here is crisper and more high-contrast. Does that feel more or less like you than the softer serif?

4

Audience test: does this feel clear and welcoming to your core client, or a touch too designed?

Direction 3 · Coastal Botanical

Biophilic Horizon

Open, airy, breathable.

mist · sea glass · sage · marine

View live mockup →

Key mechanics

  • Layout: centered, airy, with wide horizontal spacing between sections.
  • Type: Outfit sans (light, breathy) for both headlines and body — no serif at all.
  • Color: mist-white ground; sea-glass teal and sage green as the accents.
  • Shape: pill radii everywhere — buttons, chips, inputs all fully rounded.
  • Focal point: the centered headline and the calm, open whitespace around it.

What to notice

This is the lightest and most open of the three. The dial here is breath and calm — it reads as clean and modern, with the least visual weight of the three.

Feedback prompts

1

Gut check: does this clean, airy feel read as calm and modern — or too plain and generic?

2

Type: there’s no serif here at all. Does the all-sans look feel lighter, or does it lose warmth?

3

Layout: the centered, open layout breathes a lot. Does it feel spacious, or too sparse?

4

Audience test: does this feel clear and welcoming to your core client, or a touch too clinical?

Side by side

Isolate the details.

It’s common to like one direction’s navigation, another’s type, and a third’s color. This table lets you mix and match at the level of individual elements.

ElementSabi SanctuaryChromatic StillnessBiophilic Horizon
Hero layoutLeft-aligned, single columnTwo-column with arch tileCentered, airy
Headline typeNewsreader serif (soft)Fraunces serif (crisp)Outfit sans (light)
Body typeSource Sans 3Plus Jakarta SansDM Sans
Ground colorWarm linen #F4EFEAParchment #FAF7EEMist white #F7F8F7
Accent colorMatcha green + persimmonOchre + lapis blueSea-glass teal + sage
Corner shapeOrganic, unevenGeometric, sharpPill, fully rounded
Motion feelFluid, gentleCrisp, lateralSlow, breath-like

A note on the mood canvas

We also prepared a variant of each direction with a subtle, slowly drifting background texture (a “mood canvas”). It adds gentle motion behind the page without changing the type, layout, or copy. We can fold that in later if you like the idea of a living background.

Synthesis

Let’s converge.

Three simple questions will get us aligned on what to explore further. There’s no need to be precise — a leaning is enough.

The anchor

Which feels closest overall?

Pick the single direction that feels most like you, even if it’s not perfect. This becomes our starting point if you want to move forward.

Fold in

What to bring over?

Which specific elements from the other versions should we integrate — a typeface, a color, a layout rhythm?

Drop

What didn’t work?

Anything that felt off — a shape, a color, a level of density — that we should leave behind.

Next steps

If any of these directions spark interest, we’ll talk about what a refined version could look like and what it would take to get there. No pressure either way — this is about exploring fit.