Imported from bare git on Zurich
Go to file
James d9eb540ab1 style: cards use rgba tint+border pattern like buttons
- card: rgba(255,255,255,0.04) bg + rgba(255,255,255,0.12) border
- card.alt: rgba(34,197,94,0.07) + green border
- card.gold: rgba(212,175,55,0.08) + gold border
- card.red: rgba(239,68,68,0.07) + red border
2026-03-02 04:21:15 -05:00
README.md docs: README styleguide section — rules, live URL, app usage 2026-03-02 04:17:04 -05:00
favicon.svg init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
go.mod feat: replace Python server with Go binary 2026-03-02 01:18:26 -05:00
hosted.html feat: nav classes, --width:1280px, nav in styleguide 2026-03-02 04:15:06 -05:00
index.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
install.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
main.go redesign: hero → map → security explanation 2026-03-02 03:55:47 -05:00
pricing.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
privacy.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
sources.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
styleguide.html feat: nav classes, --width:1280px, nav in styleguide 2026-03-02 04:15:06 -05:00
tailwind.min.css init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
terms.html init: vault1984 marketing website (split from vault1984 binary) 2026-03-01 06:00:28 -05:00
vault1984-web style: cards use rgba tint+border pattern like buttons 2026-03-02 04:21:15 -05:00
vault1984.css style: cards use rgba tint+border pattern like buttons 2026-03-02 04:21:15 -05:00
worldmap.svg refactor: extract 133KB geography SVG paths to worldmap.svg 2026-03-02 01:32:46 -05: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.