132 lines
8.1 KiB
HTML
132 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru" data-theme="auto">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Поза — красивое позирование на фото</title>
|
||
<link rel="icon" href="design-system/brand/kt-ai-logo.png">
|
||
<link rel="stylesheet" href="design-system/kt-ai-fonts.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-tokens.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-components.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-page.css">
|
||
<style>
|
||
a.kt-ai-btn { text-decoration: none; }
|
||
.pose-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--kt-ai-space-6); margin-top: var(--kt-ai-space-9); }
|
||
.pose-card .kt-icon-lg { margin-bottom: var(--kt-ai-space-4); color: var(--kt-ai-primary); }
|
||
.pose-card h3 { margin: 0 0 var(--kt-ai-space-3); font-size: var(--kt-ai-text-lg); }
|
||
.pose-card p { margin: 0; color: var(--kt-ai-fg-muted); line-height: 1.55; }
|
||
.rules { margin: var(--kt-ai-space-9) 0 0; padding: 0; list-style: none; display: grid; gap: var(--kt-ai-space-4); }
|
||
.rules li { display: flex; gap: var(--kt-ai-space-4); align-items: flex-start; color: var(--kt-ai-fg); line-height: 1.5; }
|
||
.rules .kt-icon { flex-shrink: 0; margin-top: 4px; color: var(--kt-ai-primary); }
|
||
.photo { width: 100%; border-radius: var(--kt-ai-radius-3xl); width: 100%; border-radius: var(--kt-ai-radius-3xl); display: block; margin-top: var(--kt-ai-space-8); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="kt-ai-pagehead">
|
||
<div class="kt-ai-wrap kt-ai-pagehead-in">
|
||
<strong>Поза</strong>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#rules">Правила</a>
|
||
<a class="kt-ai-btn" data-variant="primary" href="#pozy">Позы</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="kt-ai-hero" data-align="center">
|
||
<div class="kt-ai-wrap">
|
||
<h1>Хватит стоять доской на фото</h1>
|
||
<p class="kt-ai-hero-sub">Пять простых правил и восемь поз, которые работают с любым фотоаппаратом — от смартфона до студийного света.</p>
|
||
<div class="kt-ai-hero-actions">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#pozy">Смотреть позы</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#rules">Правила</a>
|
||
</div>
|
||
<img class="photo" src="https://loremflickr.com/1200/600/person,woman,studio" alt="Девушка позирует перед камерой">
|
||
</div>
|
||
</section>
|
||
|
||
<section id="rules" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Пять золотых правил</h2>
|
||
<p>Их проще всего нарушить именно на съёмке, поэтому держи их перед глазами.</p>
|
||
</div>
|
||
<ul class="rules">
|
||
<li><svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#sun"></use></svg>Дыши и расслабляйся: зажатость видно даже издалека, вдох-выдох снимает скованность</li>
|
||
<li><svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#arrowRight"></use></svg>Взгляд чуть выше объектива: так лицо выглядит уверенным, а не испуганным</li>
|
||
<li><svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#sync"></use></svg>Переноши вес: вся стойка «доской» лечится тем, что стоишь на одной ноге</li>
|
||
<li><svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#help"></use></svg>Локти никогда не прижимаем к телу: это самая частая ошибка новичков</li>
|
||
<li><svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#refresh"></use></svg>Двигайся между кадрами: позы меняются, тогда из двадцати кадров всегда найдётся хороший</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="pozy" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Восемь поз, которые всегда работают</h2>
|
||
<p>Всякие: тело целиком, портрет и «для компании». Берёшь и пробуешь.</p>
|
||
</div>
|
||
<div class="pose-grid">
|
||
<article class="kt-ai-card pose-card">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#arrowRight"></use></svg>
|
||
<h3>Открытая стойка под 45°</h3>
|
||
<p>Плечи смотрят в камеру с боку — это добавляет объёма и убирает «прямую» позу.</p>
|
||
</article>
|
||
<article class="kt-ai-card pose-card">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#user"></use></svg>
|
||
<h3>Шаг-раздвоение</h3>
|
||
<p>Одна нога впереди, вес на задней: талия и плечи естественно сдвигаются.</p>
|
||
</article>
|
||
<article class="kt-ai-card pose-card">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#sparkles"></use></svg>
|
||
<h3>Руки в карманах</h3>
|
||
<p>Классика для одежды с карманами: спина и плечи расправляются сами собой.</p>
|
||
</article>
|
||
<article class="kt-ai-card pose-card">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#lightbulb"></use></svg>
|
||
<h3>Рука у лица</h3>
|
||
<p>Ладонь чуть касается щеки или подбородка: лицо выглядит собранно и интересно.</p>
|
||
</article>
|
||
<article class="kt-ai-card pose-card">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#layers"></use></svg>
|
||
<h3>Портрет с опорой</h3>
|
||
<p>Руки сложены перед собой на столе: плечи падают вниз, исчезает зажатость.</p>
|
||
</article>
|
||
<article class="kt-ai-card pose-card">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#clipboard"></use></svg>
|
||
<h3>Спина к камере</h3>
|
||
<p>Глянешь поверх плеча в камеру: эффектно, а тело прячется в позу.</p>
|
||
</article>
|
||
<article class="kt-ai-card pose-card">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#building"></use></svg>
|
||
<h3>Опора на стену</h3>
|
||
<p>Одно плечо или спина к стене: поворот корпуса и «лишние руки» больше не проблема.</p>
|
||
</article>
|
||
<article class="kt-ai-card pose-card">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#check"></use></svg>
|
||
<h3>Свободный шаг</h3>
|
||
<p>Идёшь в камеру, фото делают на ходу: всё живое, ничего не надо «ставить».</p>
|
||
</article>
|
||
</div>
|
||
<img class="photo" src="https://loremflickr.com/1200/600/photography,portrait" alt="Портретная съёмка в студии">
|
||
</div>
|
||
</section>
|
||
|
||
<section class="kt-ai-cta">
|
||
<div class="kt-ai-wrap">
|
||
<h2>Попробуй прямо сейчас</h2>
|
||
<p>Сними себя по одной позе — 20 кадров. Потом сравни 8 лучших: разница сразу видна.</p>
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="https://wa.me/77001112233?text=Пришли%20мне%20свои%20лучшие%20кадры">Оставить заявку в WhatsApp</a>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 Поза — уроки красивого позирования</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>7 700 111 22 33</span>
|
||
</footer>
|
||
|
||
<script src="design-system/icons/kt-ai-icons.js"></script>
|
||
</body>
|
||
</html>
|