IRIE SITES
Still HarborYou can set it down.One first session, one clear next step, nothing decided today.Book a first sessionFirst session · 50 minutesSliding-scale feesEvening hours · Tue–Thu
Demo brand · a three-therapist grief counseling practice above a secondhand bookshop

CalmTier: Premium

Soft Landing

A care-centered direction that lowers cognitive load and guides one gentle next step.

Feeling
The visitor can exhale because the next step is clear and nothing is rushing them.
Composition
Recognition → gentle outcome → what happens next → reassurance → one booking or contact action.
Motion
Slow opacity changes, soft scale settling, and no attention-demanding loops near forms.
Guardrail
Do not use forced urgency, dense option grids, clinical blue defaults, or motion around sensitive forms.
Best for
Wellness · Therapy · Care service · Retreat
Tier
Premium tier. This direction has a hand-built Builder template, so Builder renders its own composition, and it carries an extended build spec: section-by-section requirements, a type scale, an alternate palette and a motion spec.

Capability sources

  • react-bits
  • motion-primitives
  • launch-ui

The prompt works in any AI tool. Build this in Irie hands this direction’s agreement to Builder through a short-lived link, and Builder shows you what it imported before it generates. If that link cannot be created, Builder still opens with the prompt on your clipboard. The agreement is a structured irie.direction.v1 file you can also keep or feed to any tool that reads it.

Premium build spec

What premium means here.

Soft Landing has a hand-built Builder template, so Builder renders this composition instead of the shared generic one. It also carries the build spec below, which travels inside the downloadable agreement.

  1. Recognition

    One sentence naming the visitor's situation in their own words. No diagnosis, no promise yet.

    Most often goes wrongIt opens with the practitioner's credentials, which makes the visitor the audience for someone else's story.

  2. Gentle outcome

    What changes, stated modestly and concretely, with one image and room around it.

    Most often goes wrongOutcome language escalates into a cure claim, and the page stops being safe to trust.

  3. What happens next

    The literal sequence of a first session: how long, where, what to bring, what it costs.

    Most often goes wrong“Get in touch and we'll take it from there”, which leaves intact the exact fear the section exists to remove.

  4. Reassurance

    The four to six questions closest to the decision, answered plainly — cost, confidentiality, cancellation, what happens if it is not a fit.

    Most often goes wrongAn FAQ of marketing questions instead of the ones people are actually afraid to ask.

  5. Booking or contact action

    One route, with explicit labels, a stated response time, and an alternative for someone not ready to book.

    Most often goes wrongA multi-step form with a progress bar, which turns a gentle first step into an assessment.

Type scale

Display
2-3rem (32-48px) maximum at regular weight, line-height 1.25. This is the one direction where the smaller headline is the stronger one; a 72px display line reads as confidence being performed at someone.
Body
18px at line-height 1.8, measure 55-62ch. The extra leading is the direction — unhurried is not a mood board, it is a line-height.
Meta
14px in sentence case, never uppercase with tracking. Uppercase reads as instruction, and instruction is precisely the register this page is avoiding.

Alternate palette — Cool linen

  • Canvas#E9EDEE
  • Ink#22292C
  • Signal#5B6B4A

Use when the practice is physical rather than psychological — physiotherapy, postnatal care, recovery. The mineral-warm key drifts toward spa marketing in those contexts. Clinical blue stays forbidden in both keys.

Motion spec

Trigger
On entering the viewport, once. The booking section is excluded from the observer entirely and is never animated.
Property
opacity 0 to 1 with scale(1.02 to 1). No translation: sliding content implies somewhere to hurry to.
Duration
1000ms, staggered 250ms.
Easing
ease-out with no overshoot. A spring here reads as cheerfulness in a room that needs steadiness.
Never moves
Everything within one viewport of a form or a phone number: no entrance animation, no focus glow loop, no scroll-linked movement. The single permitted breathing loop lives in the opening section and nowhere else.

Anti-patterns

  • The breathing loop placed behind the booking form.
  • Countdowns, limited places, or any other urgency device.
  • A dense grid of six service tiles where one clear path is what the visitor can manage.
  • Stock photography of hands cupping light.
  • Body text under 17px, or grey-on-grey at 0.5 opacity, defended as calm.
  • A chat widget that opens itself a few seconds after arrival.

Direction film

Watch it move.

An eight-second pass through Soft Landing — the palette, the composition, and the motion language the prompt asks for.

Keep browsing

White Wall

Calm · restrained motion · demo brand The preview above is a fictional demo brand, Tomma.Tier: Free

Little Field

Calm · restrained motion · demo brand The preview above is a fictional demo brand, Dandelion Clock.Tier: Standard

Bright Room

Calm · restrained motion · demo brand The preview above is a fictional demo brand, Lark Street Dental.Tier: Standard

Reading Room

Calm · restrained motion · demo brand The preview above is a fictional demo brand, Fenn Street Branch.Tier: Standard