Add design/ contract; archive prior design system as provenance

Establish keysat's durable, vendor-neutral design contract (the standards
/design backfill, document-as-is):

- design/DESIGN.md — nine-section brand brief distilled from the prior
  Claude Design system (navy-on-cream-paper identity, sovereignty-first
  voice, component + motion rules, do's/don'ts). Manrope is canonical
  display (the README's "Archivo" was a stale placeholder).
- design/tokens.tokens.json — W3C DTCG tokens from colors_and_type.css.
- design/brand/ — canonical palette.css + logo/mark assets.
- design/_imports/2026-06-16-claude-design-system/ — the original system,
  relocated as dated provenance (nothing imported it).
- AGENTS.md — add the Design line (read the contract before UI work);
  repoint the layout entry.
- ROADMAP.md — design-checker cleanup backlog (gold-as-fill + pill-radius
  blockers, the inline-token-copy consolidation, token gaps).
This commit is contained in:
Keysat
2026-06-16 11:29:28 -05:00
parent ce5edaed29
commit 532229d488
51 changed files with 700 additions and 1 deletions
@@ -0,0 +1,21 @@
---
name: keysat-design
description: Use this skill to generate well-branded interfaces and assets for Keysat — a self-hosted, Bitcoin-paid software-licensing server that runs on Start9. Use for production code or throwaway prototypes / mocks. Contains essential design guidelines, colors, type, fonts, assets, and UI-kit components for prototyping.
user-invocable: true
---
Read the README.md file within this skill, and explore the other available files.
If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.
If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts _or_ production code, depending on the need.
## Quick orientation
- **Visual identity**: navy ink (`#1E3A5F`) on cream paper (`#F5F1E8`), with a sparing gold accent (`#BFA068`). Classical, archival, slightly print-leaning. No bluish-purple gradients, no glassmorphism, no Bitcoin orange in the UI.
- **Type**: Archivo (display, 800/900) + Inter (body) + JetBrains Mono (license keys + code). Loaded from Google Fonts.
- **Tone**: friendly + plainspoken + sovereignty-first. "You own the signing key." No emoji in product UI.
- **Iconography**: Lucide via CDN.
- **Three surfaces**: marketing (`ui_kits/marketing/`), creator dashboard (`ui_kits/dashboard/`), docs (`ui_kits/docs/`).
Always read `README.md` first; reach for `colors_and_type.css` for tokens; copy `assets/keysat-logo-thumbnail.png` (or the SVG marks) into the work.