# 29 Calm Sanctuary

**Philosophy and fit.** Reduce the number of simultaneous decisions and let the visitor set the pace. Appropriate for quiet reading, gentle routines, reflective tools, and low-stimulation personal experiences.

**Visual grammar.** Use one narrow content column, short sequences, abundant breathing room, and persistent but unobtrusive back navigation. Warm stone, deep plum, and muted sage support a soft humanist sans. Essential text retains strong contrast; calm comes from composition and pacing, not faint lettering. Controls have clear boundaries and restrained feedback.

**Specimen and flow.** _Evening Room_ offers fictional wind-down activities. Choose an activity, optionally set a duration, and enter a quiet practice screen. Supporting views include personal preferences and a finished-session state that offers an ordinary exit. No streaks, competitive scores, or surprise prompts appear.

**Responsive behaviour.** The primary control sits comfortably within the viewport; orientation changes preserve session state. Sound and motion start off and require deliberate activation.

**Identity rules.** Preserve voluntary pacing and limited choices. Avoid claiming therapeutic outcomes, using autoplay transitions, or introducing celebratory feedback at the end. **Effort: low.**

## Implemented sample

Evening Room is an expansive, bounded design reference. All organisations, events, prices, statistics and research claims are fictional fixtures. The page includes a complete primary composition and two local supporting routes that show its interaction and content hierarchy.

## Defining features

- Limited simultaneous choices
- Voluntary pacing
- Clear, quiet completion

## Adaptable choices

Brand, subject, accent and equivalent licensed typefaces can change. Preserve composition and navigation. Do not turn the hierarchy into a uniform collection of cards.

## Tokens and typography

Heading: DM Sans. Reading: DM Sans. Local WOFF2 fonts with system fallbacks. Page #eae8de; surface #f8f6ee; text #443a49; accent #626b57. Eight-pixel base spacing; reading measure 65ch; width 1240px. See tokens.css for role values and Demo.vue for composition. Palette and type match the working specimen.

## States

- Entry: /preview/29-calm-sanctuary/start
- A quiet practice: /preview/29-calm-sanctuary/practice
- Finished session: /preview/29-calm-sanctuary/finished

## Neighbours and adaptation

- [14 Guided Journey](../14-guided-journey/DESIGN.md) uses calm single-column question stage with a persistent answer summary and reversible steps and an editable review. This reference keeps one narrow, low-stimulation column with voluntary pacing and a few activities, back links, and an ordinary exit.
- [07 Literary Review](../07-literary-review/DESIGN.md) uses literary issue with a large lead essay and a spare contents list and issue, essay, and author links. This reference keeps one narrow, low-stimulation column with voluntary pacing and a few activities, back links, and an ordinary exit.

## Assets

See [asset record](../../../docs/ASSETS.md). All vector diagrams and sample writing are original to this repository. Photos are illustrative, not evidence of the fictional brands. Font faces: DM Sans.

## Verification

Reviewed working sample. Browser checks cover entry-page reflow at 320, 390, 768, and 1440 pixels, keyboard entry, direct routes, and automated accessibility; both supporting routes are checked at 390 pixels. Capture metadata is stored in public/previews/29/capture.json and names the source content hash. Accessibility scans are supplementary; no formal WCAG certification or field-performance claim is made.

## Distinctive composition

Quiet sentence-like labels soften the retreat’s rhythm without adding the technical flavour of monospaced eyebrows.