- --surface: #142542 (was #0d1627, too close to bg #0A1628) - --surface-alt: #0e2414 (stronger green tint for sealed fields) - --border: rgba(255,255,255,0.09) (slightly more visible) - .card-hover base border bumped to 0.12 alpha |
||
|---|---|---|
| README.md | ||
| favicon.svg | ||
| go.mod | ||
| hosted.html | ||
| index.html | ||
| install.html | ||
| main.go | ||
| pricing.html | ||
| privacy.html | ||
| sources.html | ||
| styleguide.html | ||
| tailwind.min.css | ||
| terms.html | ||
| vault1984-web | ||
| vault1984.css | ||
| worldmap.svg | ||
README.md
Styleguide
vault1984.css is the single global stylesheet for all vault1984 web surfaces — marketing site (vault1984-web) and the app UI (vault1984).
- Live: https://vault1984.com/styleguide.html
- Source:
vault1984-web/vault1984.css
Rules (no exceptions)
- One stylesheet.
vault1984.cssonly. No Tailwind, no inline styles, no<style>blocks. - One rule per class. If you need a variant, add a modifier class (e.g.
.card.gold), not a new inline style. - One width.
--width: 1280pxvia.container. Never hardcode a max-width anywhere else. - One padding.
--pad: 2remvia.container. Never hardcode horizontal padding. - 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.