Step 2. 디자인 시스템 - DESIGN.md

1# design.md 일부 (awsome-design-md의 framer)
2---
3version: alpha
4name: Framer-design-analysis
5description: "A confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white display type set in GT Walsheim Medium with aggressive negative tracking, and a single confident blue (#0099ff) reserved for hyperlinks and selection states. The page rhythm is broken by oversized vibrant gradient atmosphere panels — magenta, violet, orange spotlights — that act as living showcase tiles, not decoration. Every CTA is a white pill on dark; every card is a translucent or charcoal surface; every section title pulls letter-spacing tight enough to feel like a poster."
6
7colors:
8  primary: "#ffffff"
9  on-primary: "#000000"
10  accent-blue: "#0099ff"
11  ink: "#ffffff"
12  ink-muted: "#999999"
13  canvas: "#090909"
14  surface-1: "#141414"
15  surface-2: "#1c1c1c"
16  hairline: "#262626"
17  hairline-soft: "#1a1a1a"
18  inverse-canvas: "#ffffff"
19  inverse-ink: "#000000"
20  gradient-magenta: "#d44df0"
21  gradient-violet: "#6a4cf5"
22  gradient-orange: "#ff7a3d"
23  gradient-coral: "#ff5577"
24  semantic-success: "#22c55e"
25
26typography:
27  display-xxl:
28    fontFamily: GT Walsheim Framer Medium
29    fontSize: 110px
30    fontWeight: 500
31    lineHeight: 0.85
32    letterSpacing: -5.5px
33  display-xl:
34    fontFamily: GT Walsheim Medium
35    fontSize: 85px
36    fontWeight: 500
37    lineHeight: 0.95
38    letterSpacing: -4.25px
39    fontFeature: ss02
40...