DESIGN.md@packs/bergside-awesome-design-skills/immersive · git:20260921.cdae51f · 2026-09-21 · sha256 7bfdc8b1918dfd96
DESIGN.md@packs/bergside-awesome-design-skills/immersive git:20260921.cdae51fA
Immutable. This exact content is served forever at /api/v1/blob/7bfdc8b1918dfd96.
---
name: Immersive
colors:
primary: "#00592B"
secondary: "#0023D1"
success: "#16A34A"
warning: "#D97706"
danger: "#DC2626"
surface: "#FFFFFF"
text: "#111827"
neutral: "#FFFFFF"
typography:
h1:
fontFamily: "Oswald"
fontSize: 2rem
body-md:
fontFamily: "Oswald"
fontSize: 1rem
label-caps:
fontFamily: "JetBrains Mono"
fontSize: 0.75rem
sourceScale: "12/14/16/20/24/32"
weights: "Oswald 200/300/400/500/600/700; JetBrains Mono 100/200/300/400/500/600/700/800"
rounded:
sm: 4px
md: 8px
spacing:
sm: 4px
md: 8px
sourceScale: "4/8/12/16/24/32"
---
## Overview
Exhibit-style interface that blends storytelling and game-like interaction on a continuous deep-green canvas.
## Style Foundations
- **Visual style:** modern, clean, high-contrast
- **Typography scale:** 12/14/16/20/24/32
- **Typography fonts:** primary=Oswald, display=Oswald, mono=JetBrains Mono
- **Typography weights:** Oswald 200/300/400/500/600/700; JetBrains Mono 100/200/300/400/500/600/700/800 (as shipped on Google Fonts, checked 2026-09-20)
- **Color palette:** primary, neutral, success, warning, danger
- **Spacing scale:** 4/8/12/16/24/32
## Colors
- **Primary (#00592B):** Token from style foundations.
- **Secondary (#0023D1):** Token from style foundations.
- **Success (#16A34A):** Token from style foundations.
- **Warning (#D97706):** Token from style foundations.
- **Danger (#DC2626):** Token from style foundations.
- **Surface (#FFFFFF):** Token from style foundations.
- **Text (#111827):** Token from style foundations.
- **Neutral (#FFFFFF):** Derived from the surface token for official format compatibility.