Dr. Norman Hering — Design Review 1 / 7

Dr. Norman Hering, PsyD · Design review

You chose Sabi Sanctuary. Here is the next pass.

You picked a direction, so this version of the deck is no longer a menu. Slide 3 is the one to read: it shows the rebuilt homepage with your name, your photograph and your quotes, and lists what still needs your answer. Slides 4 and 5 keep the other two directions on file.

What this is

The chosen direction, rebuilt with your real content in it. Read it as a working draft you can react to, not a proposal to accept or reject.

What it is not

Not the live site yet. The contact form is still a demo, the rates are still “ask me”, and About, Services and Contact have not been rebuilt. Those are the next pieces of work.

The decision, recorded

In your September 21 note you said Sabi Sanctuary was the one, and asked for three things: “Dr.” in front of your name, and the photos and quotes from your current site. All three are in the updated mockup on slide 3.

Slides 4 and 5 are kept for reference — the other two directions stay exactly as they were.

Reference

Three directions, one constant.

Kept for context. The table shows what actually changed between the three original comps.

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 stayed constant — and what didn’t

Across the three comps, the headline, story, service cards, fees and form were identical; only the visual language changed. Sabi Sanctuary has since moved ahead of the other two: it now carries your real portrait, your quotes, and content pulled from your current site. Slides 4 and 5 remain as they were drawn.

Direction 1 · Tactile Organic

Sabi Sanctuary

Warm, grounded, gently imperfect.

linen · matcha · persimmon · ink

View the updated mockup →

Iteration 06a — rebuilt from your notes.

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 changed in this pass

  • “Dr. Norman Hering” in the header, hero, footer and page title.
  • Your portrait from the current About page, framed in the hero.
  • The Lao Tzu line that opens your homepage today, set as an epigraph.
  • The Buddha line from your Services page, beside the second photograph.
  • Your Greece / refugee-volunteering story added — it is the most distinctive thing on the current site, and it was missing.
  • Real phone number and licensing detail replaced the placeholders.

Four things worth a look

1

The portrait: it is the photo from your current About page, cropped tighter than it appears there. Is this the one you want, or is there a newer portrait you prefer?

2

The quotes: I used the two lines already on your site — Lao Tzu on the home page, the Buddha line on Services. If there is a third that matters to you, tell me and it will go in.

3

Fees: the mockup says “ask me about current rates” because no number was ever given. If you want a figure on the page, that is a one-line change.

4

Policy wording I drafted, not lifted: to make the fees section read like a real page I wrote “50 minutes, usually weekly,” a sliding scale, a Good Faith Estimate, teletherapy across California, and in-person by arrangement in San Rafael. None of those came from your site or your note. Correct anything that isn’t how you actually work.

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 living background

The 05 series carried a GPU-rendered wash that drifted as you scrolled, powered by a 3D library that added 1.3 MB of JavaScript to every page load. In 06a I replaced it with a hand-built gradient and a fine linen grain. The softness is the same, and the background still breathes very slowly — but it is now 26 seconds of CSS on one element instead of 1.3 MB of JavaScript, so it renders even if the script never runs. Both versions respect a request to reduce motion. If you want the scroll-reactive version back, it is a small addition to the new ground rather than a swap.

Next steps

What happens now.

Sabi Sanctuary is the direction. The remaining work is content and wiring, not visual exploration — plus the scope and pricing summary you asked for.

1 · You confirm

Portrait, quotes, rates, policy wording

The four open questions on slide 3. Answer them and the mockup stops being a mockup.

2 · I build

Real pages, real form

About, Services and Contact get the same treatment as the homepage, and the contact form is wired to your inbox instead of a demo.

3 · Then move

Scope & pricing

The cost estimate you asked about on September 21 goes out with this deck, before anything gets built.

One thing I’d flag

Your current site is crawlable — there is a sitemap and a robots file — but it gives search engines and messaging apps almost nothing to work with: no meta descriptions on any page, no H1 heading, no image shown when a link is texted to someone, and the only phone number a visitor could call lives in your email signature rather than on the site. The new design will look better. It can also be found, and called. That is separate work, and it belongs in the estimate.