DESIGN.md@site ยท diff
git:20260911.73ab953 to git:20260912.6a94764
27 added, 6 removed. Audit A to A.
# 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. Nebula Sans is the shared text and display face; the shared mono face is
- reserved for real filenames and code. Light and dark follow system preference.
- Use Paper roles for surfaces, text, dividers, links, disclosure bubbles and focus.
- Do not introduce a separate marketing color system or new font dependency.
+ 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 split between implemented source and unqualified live
- integrations. Shared questions and source/documentation actions close the page.
+ 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.