DESIGN.md@site git:20260912.6a94764A

Immutable. This exact content is served forever at /api/v1/blob/ffa3f5cf1e052527.

# Textbutler public site

The homepage is a Persuade surface; the documentation and legacy source catalog
are Read surfaces. Visitors should understand the intended Mac butler, inspect
its architecture, and see its development status without mistaking source
foundations or synthetic illustrations for a shipping message service.

Preserve the incumbent Hraness Design Kit marketing grammar and portable Paper
palette. The homepage opts into the immutable Design Kit v0.6.7 editorial preset
at `898d80364085a41c858350f1b492ac28b5a0384b`.
`styles/vendor/hraness-marketing/` is a complete checked snapshot; local
adaptations stay outside it. Component/UI versions and the Paper snapshot stay
unchanged. Documentation and preview surfaces do not opt into the preset.

Instrument Serif 400 is the landing display face. H1 uses the released
`clamp(2.75rem, 5.1vw, 4rem)`, 1.06 leading and -0.025em tracking; H2 uses
`clamp(2.4rem, 4vw, 3.25rem)`, 1.08 leading and -0.02em tracking. Nebula Sans
remains the body and documentation face; mono is reserved for filenames and
code. Body text is 16px, with a 17px desktop / 16px mobile lead.

The marketing wrapper includes the sticky header and page. Main measure is
70rem, header measure 76rem, gutters 32px on desktop and 20px on narrow screens,
and header height 72px before phone navigation wraps into a second row. The
header uses the preset's 82% surface and 14px blur where supported, with opaque
accessibility fallbacks. Buttons use 4px corners and at least 44px phone targets.

A shared gradient, unfilled cell seams and deterministic grain sit behind the
opening copy and synthetic product frame. They are background assets, never
overlays on content. The message frame stays opaque and legible. Light and dark
follow system preference; Paper retains authority for product surfaces,
disclosure bubbles, links and focus.

The opening pairs a direct outcome with a contact folder and visibly disclosed
reply. The example is synthetic and carries a caption. Subsequent sections use a
sequence for contact setup, an ordinary file tree for memory, definition rows for
architecture, and a clear account of the setup required before replies. Native
coding-agent execution and signed distribution remain unavailable; synthetic
tests do not establish live account delivery. Shared questions and source and
documentation actions close the page.

The website remains informational. No message or contact collection, sign-in,
agent execution, live dashboard, or signed app download is present. Historical
Message Like Me artifacts keep their immutable coordinates and are explicitly
labeled legacy. Their history source support does not imply Textbutler transport
support.

At narrow widths, the contact frame, architecture rows, and status sections stack
in reading order. Links keep visible focus and underlines in prose. Shared FAQ
controls retain keyboard operation. Frames contain no fabricated live controls.
The social image is an original, code-generated typographic asset, with its SVG
source retained beside the PNG.