DESIGN.md@packs/bergside-awesome-design-skills/glassmorphism git:20260921.cdae51fA

Immutable. This exact content is served forever at /api/v1/blob/e8486c801208d962.

---
name: Glassmorphism
colors:
  primary: "#1856FF"
  secondary: "#3A344E"
  success: "#07CA6B"
  warning: "#E89558"
  danger: "#EA2143"
  surface: "#FFFFFF"
  text: "#141414"
  neutral: "#FFFFFF"
typography:
  h1:
    fontFamily: "Plus Jakarta Sans"
    fontSize: 3rem
  body-md:
    fontFamily: "Plus Jakarta Sans"
    fontSize: 1rem
  label-caps:
    fontFamily: "JetBrains Mono"
    fontSize: 0.75rem
  sourceScale: "mobile-first compact scale"
  weights: "Plus Jakarta Sans 200/300/400/500/600/700/800; JetBrains Mono 100/200/300/400/500/600/700/800"
rounded:
  sm: 4px
  md: 8px
spacing:
  sm: 8px
  md: 16px
  sourceScale: "comfortable density mode"
---

## Overview

Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.

## Style Foundations

- **Visual style:** clean, high-contrast, bold, enterprise, liquidglass effect, glassmorphism
- **Typography scale:** mobile-first compact scale
- **Typography fonts:** primary=Plus Jakarta Sans, display=Plus Jakarta Sans, mono=JetBrains Mono
- **Typography weights:** Plus Jakarta Sans 200/300/400/500/600/700/800; 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, info, surface/subtle layers
- **Spacing scale:** comfortable density mode

## Colors

- **Primary (#1856FF):** Token from style foundations.
- **Secondary (#3A344E):** Token from style foundations.
- **Success (#07CA6B):** Token from style foundations.
- **Warning (#E89558):** Token from style foundations.
- **Danger (#EA2143):** Token from style foundations.
- **Surface (#FFFFFF):** Token from style foundations.
- **Text (#141414):** Token from style foundations.
- **Neutral (#FFFFFF):** Derived from the surface token for official format compatibility.