DESIGN.md@apps/web git:20260927.326ae72A

Immutable. This exact content never changes and is served at /api/v1/blob/e476641d8556d800.

# Slopcamera website

The public site introduces a media tool to coding-agent users. Its first proof
is an actual rendered example with editable source, followed by a small
gallery, workflow, interfaces, installation, and limits. Documentation keeps
its existing tutorial, how-to, reference, and explanation organization.

## Visual system

Use the shared Catppuccin light/dark palette and Nebula Sans headings, with
monospace reserved for code. Design-kit v0.23.0 and its exact marketing, paper,
and Lantern snapshots supply flat backgrounds and thin rules. The gallery
keeps real media, with no decorative card chrome or floating hero artwork.
Interface examples use ruled rows; technique links remain plain and touch-sized.
The shared v0.20.0 footer follows the document and aligns with the 72rem column.

## Intentional differences for native review

The homepage loses its hero light field and contour pattern. Headings become
sans, backgrounds opaque, and shadows disappear. The existing media players,
copy controls, appearance control, keyboard focus, docs navigation, preview,
privacy restrictions, and release-derived install commands retain their behavior.
The ordinary header is explicitly in scope: phone navigation exposes all links
in a scrollable second row, with 44px targets, instead of hiding destinations.
Review 360px, 390px, and 1440px layouts in light/dark plus the existing
JavaScript-disabled and forced-color cases. Historical migration comparisons
retain their original inputs; this work claims current-design acceptance.