DESIGN.md@site git:20260912.828b961A

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

# 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
landing header uses Lantern's 90% surface and 20px blur where supported, with opaque
accessibility fallbacks. Buttons use 4px corners and at least 44px phone targets.

Lantern v0.7.0 at `eccb0341d8d0ba960a0f02248cf59888062afb0a` is the
independent material layer. `styles/vendor/hraness-lantern/` is its immutable
five-file snapshot, checked alongside the existing palette and editorial preset.
The homepage alone opts in. Warm transmitted light and square glass seams sit
behind the opening copy and synthetic product frame. The message frame stays
opaque; expanded questions use warm paired paint and ink. Native reduced
transparency and forced colors remove decorative effects. No material is applied
to logos, documentation, the inert preview, or the Mac app. Paper retains its
incoming/outgoing bubble colors, 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.