# Frame — Composition (1080×1920)

> **Статус:** Auto-generated from Figma  
> **Исходные фреймы:** 303  
> **Целевой размер:** 1080×1920 (9:16 Stories)

---

## 1. CANVAS

| Параметр | Значение |
|----------|----------|
| Width | 1080px |
| Height | 1920px |
| Aspect Ratio | 9:16 |
| Background | #050508 |

## 2. LAYOUT

```
┌──────────────────────────┐  Y=0
│  SAFE ZONE 280px         │  ← Не трогать
│                          │
│     ┌──────────────┐     │  ← Hero
│     │              │     │
│     └──────────────┘     │
│                          │
│     ┌──────────────┐     │  ← Body
│     └──────────────┘     │
│                          │
│  SAFE ZONE 380px         │  ← Не трогать
└──────────────────────────┘  Y=1920
```

## 3. SCENE TEMPLATES

### Scene 1 — Hook (0–3s)
```
Hero: 96–110px, bold
Emoji/icon: 80px
Subtitle: 48px, muted
```

### Scene 2 — Pain (3–8s)
```
Metric: 120px, warning color
Badge: 28px, uppercase
Result: 42px
```

### Scene 3 — Solution (8–12s)
```
Brand: badge
Headline: 68px
Features: 3 items, left-aligned
```

### Scene 4 — CTA (12–15s)
```
Button: gradient, scale animation
Pre-CTA: 42px
Note: 32px mono
```

---

*Auto-generated from Figma • Figma to HyperFrames v1.0*