Grid before gesture
Equipment signs resolve inside a common 19 × 18 frame with aligned optical margins.
Overview / release 1.3.1
System manual
A self-hosting reference for the component layer, icon grammar, typography, tokens, behavior, and accessibility contract.
01 / PRINCIPLES
Three system constraints
The visual identity comes from repeatable limits, flat bounded surfaces, and functional signals rather than atmospheric science-fiction decoration.
Function before color
The fixed sign palette encodes operations. Accessible UI colors handle text and controls separately.
Components document components
This manual has no page-local stylesheet. It consumes the same public build shipped in the package.
02 / PACKAGE
Distribution map
Use the full build for network-loaded fonts, or the core build to provide fonts through your own delivery path.
| Path | Purpose | Required |
|---|---|---|
| dist/cargo19.css | Layered CSS with official Google Fonts imports. | Yes |
| dist/cargo19-core.css | Font-request-free CSS build. | Alternative |
| dist/cargo19.js | Optional tabs, dialogs, theme, mobile-nav, copy, and icon-filter behavior. | Optional |
| icons/cargo19-icons.svg | SVG sprite with 59 symbols. Generated manual pages embed it for Safari-safe local browsing. | For icons |
| src/ | Layered source files for direct customization. | No |
03 / ROUTES
Choose a working path
The manual is organized by integration task rather than by marketing category.
01InstallLink the build and establish a theme.02ComposeBuild interfaces from the component inventory.03SignalChoose equipment signs and UI controls.04TypesetApply display, label, body, and data roles.05CustomizeOverride tokens without forking components.06VerifyCheck semantics, keyboard behavior, and motion.