DESIGN.md@packs/bergside-awesome-design-skills/neumorphism · git:20260921.cdae51f · 2026-09-21 · sha256 2660df532673c128
DESIGN.md@packs/bergside-awesome-design-skills/neumorphism git:20260921.cdae51fA
Immutable. This exact content never changes and is served at /api/v1/blob/2660df532673c128.
---
name: Neumorphism
colors:
primary: "#006666"
secondary: "#F1F2F5"
success: "#00A63D"
warning: "#FE9900"
danger: "#FF2157"
surface: "#E7E5E4"
text: "#1E2938"
neutral: "#E7E5E4"
typography:
h1:
fontFamily: "Space Mono"
fontSize: 3rem
body-md:
fontFamily: "Space Mono"
fontSize: 1rem
label-caps:
fontFamily: "JetBrains Mono"
fontSize: 0.75rem
sourceScale: "desktop-first expressive scale"
weights: "Space Mono 400/700; JetBrains Mono 100/200/300/400/500/600/700/800"
rounded:
sm: 4px
md: 8px
spacing:
sm: 4px
md: 8px
sourceScale: "compact density mode"
---
## Overview
Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
## Style Foundations
- **Visual style:** minimal, clean, high-contrast, playful, matrix
- **Typography scale:** desktop-first expressive scale
- **Typography fonts:** primary=Space Mono, display=Space Mono, mono=JetBrains Mono
- **Typography weights:** Space Mono 400/700; JetBrains Mono 100/200/300/400/500/600/700/800 (as shipped on Google Fonts, checked 2026-09-20)
- **Color palette:** primary, secondary, success, warning, danger, info
- **Spacing scale:** compact density mode
## Colors
- **Primary (#006666):** Token from style foundations.
- **Secondary (#F1F2F5):** Token from style foundations.
- **Success (#00A63D):** Token from style foundations.
- **Warning (#FE9900):** Token from style foundations.
- **Danger (#FF2157):** Token from style foundations.
- **Surface (#E7E5E4):** Token from style foundations.
- **Text (#1E2938):** Token from style foundations.
- **Neutral (#E7E5E4):** Derived from the surface token for official format compatibility.