johan
/
vault1984
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
vault1984/commercial/website
History
James 9694a30f6c Reorganize repo: oss/ + commercial/ + shared docs/ 
- oss/ — open source (app, cli, crypto, Makefile) → published to GitHub
- commercial/ — proprietary (account, mgmt sidecar, website, marketing, tailscale) → Zürich only
- docs/ — shared design documentation, visible to both
- Move L2_AGENT_ENCRYPTION.md to docs/
- Update CLAUDE.md paths to reflect new structure

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
 		2026-03-20 03:02:04 -04:00
..
templates Reorganize repo: oss/ + commercial/ + shared docs/ 2026-03-20 03:02:04 -04:00
README.md Reorganize repo: oss/ + commercial/ + shared docs/ 2026-03-20 03:02:04 -04:00
favicon.svg Reorganize repo: oss/ + commercial/ + shared docs/ 2026-03-20 03:02:04 -04:00
go.mod Reorganize repo: oss/ + commercial/ + shared docs/ 2026-03-20 03:02:04 -04:00
main.go Reorganize repo: oss/ + commercial/ + shared docs/ 2026-03-20 03:02:04 -04:00
tailwind.min.css Reorganize repo: oss/ + commercial/ + shared docs/ 2026-03-20 03:02:04 -04:00
vault1984.css Reorganize repo: oss/ + commercial/ + shared docs/ 2026-03-20 03:02:04 -04:00
worldmap.svg Reorganize repo: oss/ + commercial/ + shared docs/ 2026-03-20 03:02:04 -04:00

README.md

Styleguide

vault1984.css is the single global stylesheet for all vault1984 web surfaces — marketing site (vault1984-web) and the app UI (vault1984).

Rules (no exceptions)

  1. One stylesheet. vault1984.css only. No Tailwind, no inline styles, no <style> blocks.
  2. One rule per class. If you need a variant, add a modifier class (e.g. .card.gold), not a new inline style.
  3. One width. --width: 1280px via .container. Never hardcode a max-width anywhere else.
  4. One padding. --pad: 2rem via .container. Never hardcode horizontal padding.
  5. CSS variables for everything. Colors, spacing, radius, fonts — all via var(--*).

To use in vault1984 app

Copy or symlink vault1984.css into vault1984/web/ and embed it. The token set (colors, fonts, radius) is shared — app UI should feel identical to the marketing site.