34 lines
1.6 KiB
Markdown
34 lines
1.6 KiB
Markdown
# AirSound Pro — Дизайн-система
|
||
|
||
## Цвета
|
||
- Фон: `#000000` (глубокий чёрный)
|
||
- Текст основной: `#F5F5F7` (светло-серый Apple)
|
||
- Текст вторичный: `#86868B` (приглушённый серый)
|
||
- Акцент 1: `#6E6E73` (серый металл)
|
||
- Акцент 2: `#2997FF` (Apple blue)
|
||
- Градиент: `linear-gradient(135deg, #667eea 0%, #764ba2 100%)`
|
||
|
||
## Типографика
|
||
- Заголовки: `-apple-system, BlinkMacSystemFont, "SF Pro Display"`
|
||
- Размер H1: `clamp(48px, 8vw, 96px)`
|
||
- Размер H2: `clamp(32px, 5vw, 64px)`
|
||
- Текст: `17px`, line-height `1.5`
|
||
|
||
## Эффекты
|
||
- Параллакс: `transform: translateZ()` + `perspective`
|
||
- Блюр: `backdrop-filter: blur(20px)`
|
||
- Анимация: `transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1)`
|
||
- Тени: мягкие, рассеянные `box-shadow: 0 20px 40px rgba(0,0,0,0.4)`
|
||
|
||
## Структура лендинга
|
||
1. **Hero** — продукт на фоне градиента, крупный заголовок, CTA
|
||
2. **Features** — 3 карточки преимуществ с иконками
|
||
3. **Showcase** — полноэкранная секция с параллаксом изображений
|
||
4. **Tech Specs** — характеристики в виде сетки
|
||
5. **CTA / Footer** — финальный призыв к действию
|
||
|
||
## Изображения
|
||
- Picsum: `https://picsum.photos/1920/1080?random=1`
|
||
- Unsplash Source: `https://images.unsplash.com/photo-...`
|
||
- Градиентные фоны вместо тяжёлых фото
|