Создайте веб-страницу на основе контента, предоставленного пользователем. Требования к стилю веб-страницы следующие:

### I. Позиционирование визуального стиля - **Художественный стиль, выполненный от руки**: Использование линейного стиля, сочетающего современный цифровой дизайн с традиционной эстетикой рисованной от руки графики. - **Цветовая схема**: Использование нейтральных цветов (светло-белый/серый) в качестве основы, в сочетании с темно-серым основным текстом и оранжево-красным (акцентный цвет) в качестве визуального фокусного цвета. - **Тон бренда**: Изысканный, художественный и теплый, ориентированный на взыскательную группу пользователей. ### II. Принципы структуры макета **Главный раздел (дизайн первого экрана)** - Расположение столбцов слева направо (золотое сечение 60:40) - Левая сторона: - Крупный заголовок (шрифт Display, 72-96 пикселей), темный шрифт, сильное визуальное воздействие - Ключевые данные выделены акцентным цветом (например, "15 городов, 4749 локаций") - Краткий и убедительный подзаголовок, отражающий основное ценностное предложение - Большое количество свободного пространства, создающее ощущение высокого класса - Правая сторона: - Нарисованные от руки иллюстрации, занимающие 50% визуального пространства - Единый стиль иллюстраций: линейный рисунок + локальные цветовые акценты - Иллюстрации тесно интегрированы с историей бренда - **Дизайн панели навигации** - Минималистичная верхняя навигация, фиксированное расположение - Логотип + 2-3 пункта основного меню - Группа иконок справа (поиск/избранное/меню) - Прозрачный или чисто белый фон с едва заметными тенями - **Область карточек контента** - Сетка карточек (3-4 столбца, адаптивный дизайн) - Каждая карточка Включает в себя: - Заголовок (Заголовок 3, 32-40 пикселей) - Описание (2-3 строки, 16-18 пикселей, высота строки 1,6) - Сопровождающая иллюстрация, нарисованная от руки (соответствующая основному визуальному стилю) - Светлый фон (#F5F3F0), закругленные углы (8-12 пикселей) - Состояние при наведении курсора: Слегка приподнимающийся + более глубокая тень - ### III. Спецификации системы иллюстраций **Руководство по созданию иллюстраций** 1. 2. **Обработка линий**: - Используйте неровные линии, нарисованные от руки, толщиной 1-2 пикселя, чтобы имитировать реалистичную текстуру живописи - Сохраняйте плавные линии с оттенком искусственности, избегая чрезмерной механичности. 3. **Использование цвета:** - 80% серых линий + 20% заливки фирменным цветом - Оранжево-красный цвет используется только для выделения элементов (люди, окна, ключевые здания) - Фон использует градиентный бежевый (#FDFBF7 → #F5F1EB) - 5. **Композиция сцены:** - Городские сцены: сочетание знаковых зданий и сцен из повседневной жизни - Вид сверху или изометрическая перспектива - Добавление небольших фигур для усиления повествования и создания интимной атмосферы - 7. **Плотность деталей:** - Богатая детализация переднего плана, умеренно упрощенный средний план и контурный фон - Поддержание визуальной иерархии, направляющей взгляд к ключевой информации - 9. ### IV. Система шрифтов - **Шрифт для заголовков:** Шрифт с засечками, плотный и выразительный (например, Freight Display, Tiempos) - **Шрифт для основного текста:** Шрифт без засечек, легко читаемый (например, Inter, Manrope) - **Соотношение сторон шрифта**: Используется модульная шкала (1,25 или 1,333) - - **Уровни толщины шрифта**: Светлый (300) / Обычный (400) / Средний (500) / Жирный (700) - ### V. Детали взаимодействия - - **Микроанимации**: Карточки поднимаются на 4-8 пикселей при наведении курсора, время перехода 300-400 мс - - **Статус загрузки**: Используется скелетный экран для поддержания фирменного стиля - - **Контрольные точки адаптивности**: - - Настольные компьютеры: 1440 пикселей и более - - Планшеты: 768-1439 пикселей - - Мобильные устройства: 375-767 пикселей - - ### VI. Требования к результату дизайна Каждый результат дизайна должен включать: 1. 2. Четкую визуальную иерархию (достигаемую за счет размера/цвета/белого пространства) 3. 4. Как минимум одну авторскую иллюстрацию (тесно связанную с контентом, созданную с помощью Nano Banana Pro) 5. 6. 2-3 акцентных цветовых акцента (не более 7. 8. Достаточное пространство для дыхания (интервал между секциями ≥ 120 пикселей) 9. 10. Четкий путь действий пользователя 11. --- **Философия дизайна**: Используйте художественный визуальный язык, чтобы передать уникальность и теплоту бренда. Каждый пиксель служит для того, чтобы рассказать историю, а не просто продемонстрировать функциональность. Дизайн должен вызывать у пользователей ощущение: «Это для людей, которые ценят жизнь», а не холодный коммерческий продукт.

Иллюстрации на веб-странице были созданы с помощью программы Nano Banana Pro.