Руководство по Claude Design

Создай целевую страницу для фитнес-приложения PeakForm. Тёмная тема с неоново-зелёными акцентами. Добавь главный экран с заголовком, три карточки преимуществ, таблицу с тремя тарифами и нижний колонтитул со ссылками на соцсети.

Создай интерактивный прототип приложения для управления задачами. Добавь:
- Боковую панель с категориями проектов
- Kanban-доску с перетаскиваемыми столбцами (To Do, In Progress, Done)
- Модальное окно подробностей задачи с полями срока, исполнителя и описания
- Переключатель тёмного режима в верхней панели
Сделай все взаимодействия рабочими.

Создай питч-дек из 10 слайдов для привлечения финансирования Series A. Компания — юридическая исследовательская платформа на базе ИИ. Добавь: титульный слайд, проблему, решение, размер рынка, скриншоты демонстрации продукта, бизнес-модель, показатели динамики, конкурентную среду, команду и запрос. Используй чистый современный дизайн в тёмно-синем и белом цветах. Профессионально, но без излишне корпоративного стиля.

Создай карусель для Instagram (5 слайдов) на тему «5 инструментов ИИ, которые вам нужны в 2026 году». Стиль: выразительные заголовки без засечек, тёмные градиентные фоны, неоново-синие акценты. На каждом слайде — название инструмента, описание в одну строку и визуальная иконка. Первый слайд — цепляющее начало, последний — призыв к действию.

Создай постер для технологической конференции «Build 2026». Даты: 15–17 сентября. Место: Сан-Франциско. Стиль: футуристичный, тёмный фон, голографические градиентные акценты. Добавь места для портретов спикеров и логотипов спонсоров, а также QR-код для регистрации.

Создай современное резюме для старшего продуктового дизайнера. Две колонки. Левая: контактная информация, навыки в виде диаграмм, образование, сертификаты. Правая: опыт с должностью, компанией, датами и тремя пунктами для каждой позиции. Чистый шрифт без засечек. Ненавязчивые цветовые акценты. Подготовь для печати.

Создай интерактивную 3D-модель Солнечной системы. Дай мне нажимать на планеты и видеть сведения о них: диаметр, расстояние до Солнца, период обращения, число спутников и температуру поверхности. Используй реалистичные цвета и относительные размеры. Добавь орбиты и медленную анимацию вращения. Добавь управление масштабом.

Сохрани текущие цвета, шрифты и содержание. Перемести основную кнопку прямо под вступительным абзацем. Уменьши отступ перед следующим разделом. Проверь макет при ширине 375px и 1440px, включая фокус клавиатуры и перенос текста. Покажи результат, прежде чем вносить какие-либо другие изменения.

Используй приложенные файлы бренда и образец дизайна. Сохрани предоставленные логотип, цвета и шрифты. На основе этих материалов создай повторно используемые стили кнопок, карточек, заголовков и отступов. Если каких-то данных не хватает, сначала объясни это, прежде чем подбирать замену. Примени систему к текущему дизайну и покажи основные компоненты вместе для проверки.

Создай профессиональную визитную карточку.
Лицевая сторона: имя, должность, место для логотипа компании.
Оборотная сторона: телефон, электронная почта, сайт, LinkedIn
QR-код. Минималистичный дизайн, тёмная тема.

Создай шаблон email-рассылки
для SaaS-компании. Заголовок с логотипом,
место для главного изображения, блок с двумя
колонками преимуществ, превью записей блога (3),
кнопка CTA и нижний колонтитул с отпиской.

Создай графику для анонса продукта
в социальных сетях. Крупно покажи название,
ключевые функции в виде иконок,
дату запуска и метку «Скоро».
Размер: 1080x1080 для Instagram.

Создай руководство по стилю бренда, включив:
- Цветовую палитру с кодами hex
- Шкалу типографики (от h1 до основного текста)
- Варианты кнопок (основная, вторичная)
- Компоненты карточек
- Систему отступов и сетки
- Примеры правильного и неправильного использования

Создай аналитическую панель со следующими элементами:
- Верхняя панель: выбор диапазона дат, фильтры
- Карточки KPI: выручка, пользователи, отток,
MRR (со стрелками тренда)
- Линейный график: динамика выручки по месяцам
- Столбчатая диаграмма: регистрации по каналам
- Таблица: 10 клиентов с наибольшими расходами
Тёмная тема, сделай интерфейс интерактивным.

Создай панель квартального финансового отчёта.
Добавь сводку P&L, каскадную диаграмму денежных
потоков, кольцевую диаграмму выручки по сегментам,
таблицу сравнения год к году и разбивку расходов.
Чистый корпоративный стиль.

Создай интерактивную викторину по географии мира.
10 вопросов с вариантами ответов и мгновенной
обратной связью (верно/неверно с объяснением).
В конце покажи счёт и разбор результатов. Добавь
кнопку «Попробовать снова».

Создай наглядную программу 12-недельного
интенсива по анализу данных. Покажи каждую
неделю отдельной карточкой с темой, основными
навыками и индикатором прогресса.
Сделай интерфейс прокручиваемым и интерактивным.

Создай сайт-портфолио для UX-дизайнера.
Разделы: главный экран с именем и слоганом,
сетка кейсов (6 проектов с миниатюрами),
обо мне с местом для фотографии, список навыков,
форма обратной связи. Минимализм, много пустого места.

Создай цифровое свадебное приглашение.
Элегантный шрифт с засечками, акварельная
цветочная рамка, имена пары, дата, место,
кнопка RSVP и таймер обратного отсчёта.
Мягкая палитра пудрового и шалфейного оттенков.

Создай сценарий знакомства из 4 экранов
для приложения медитации. На каждом экране:
область для иллюстрации, заголовок, основной текст,
точки прогресса и кнопка «Далее». На последнем
экране — кнопка «Начать». Спокойная синяя и фиолетовая палитра.

Создай страницу тарифов SaaS с тремя планами:
Starter ($19/mo), Pro ($49/mo), Enterprise (индивидуальный).
Под карточками добавь сравнительную таблицу функций.
Добавь переключатель годовой/месячной оплаты.
Выдели план Pro как «Самый популярный». Добавь FAQ.

Создай интерактивную карту мира: при нажатии
на любую страну я должен видеть численность населения,
столицу, ВВП и флаг. Используй цвета по континентам.
Добавь управление масштабом и строку поиска.

Создай музыкальный визуализатор со столбцами,
волновыми формами и частицами, реагирующими на звук.
Дай пользователю выбрать один из 3 стилей визуализации.
Добавь управление воспроизведением, паузой и громкостью.
Используй WebGL.

Создай страницу товара для премиальных
беспроводных наушников. Добавь карусель изображений,
выбор цвета (3 варианта), цену с зачёркнутой
исходной ценой, кнопку Add to Cart, таблицу характеристик,
отзывы клиентов (оценка звёздами и текст) и блок похожих товаров.

Создай сценарий оформления заказа из 3 шагов:
Шаг 1: сводка корзины с количеством товаров
Шаг 2: форма с адресом доставки
Шаг 3: оплата с полями карты
Добавь индикатор прогресса вверху,
боковую панель с заказом и значки доверия.
Сделай все этапы интерактивными.

Создай инфографику на тему «Состояние ИИ в 2026 году».
Добавь хронологию крупных запусков, сравнительную
диаграмму размера рынка, долю внедрения по отраслям
и блок с прогнозами. Вертикальная прокрутка,
современный плоский дизайн.

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

Создай простую игру на поиск пар карт. Сетка 4x4,
карты лежат рубашкой вверх. Нажатие переворачивает
карту; нужно найти пары. Отслеживай число ходов
и время. При победе покажи экран с анимацией конфетти.
Используй яркую цветовую схему.

Создай анимированное вступление с логотипом
для YouTube-канала «TechPulse».
Буквы должны появляться одна за другой
с пульсирующим эффектом. Добавь за текстом
ненавязчивую графику звуковой волны.
Зацикли анимацию.

Создай каркас мобильного банковского приложения. Добавь экраны:
- Главная панель (баланс, последние операции, быстрые действия)
- Сценарий отправки денег (3 шага)
- История операций с фильтрами
- Страница настроек
Низкая детализация, оттенки серого, с поясняющими выносками к каждому разделу.

Создай целевую страницу онлайн-курса «ИИ для начинающих». Добавь: главный экран с заголовком и кнопкой CTA, раскрывающийся план курса, раздел с биографией преподавателя, карточки с тремя отзывами учеников, цену со значком гарантии возврата денег и раздел FAQ. Светлая тема, дружелюбные цвета.

# Общие изменения
Сделай весь дизайн темнее. Используй тёмно-синюю и угольную палитру.
# Изменения структуры
Перемести раздел с ценами перед отзывами. Добавь ниже раздел FAQ.
# Изменение стиля
Увеличь все заголовки. Вместо шрифта по умолчанию используй Inter. Сделай все углы кнопок скруглёнными до 12px.
# Изменения содержания
Перепиши заголовок главного экрана так, чтобы он побуждал к действию. Замени CTA «Узнать больше» на «Начать бесплатный период».

Создай дизайн-систему для моего бренда.
# Цвета
Основной: #1B3A5C (тёмно-синий)
Вторичный: #C88B2E (золотой)
Акцентный: #2E8B7A (бирюзово-зелёный)
Фон: #F8F9FA (светло-серый)
Текст: #3A3A3A (тёмно-серый)
# Типографика
Заголовки: Inter Bold
Основной текст: Inter Regular, 16px
Подписи: Inter Light, 14px
# Компоненты
Кнопки: скруглённые (8px), основного цвета
Карточки: белые, с лёгкой тенью и углами со скруглением 12px
Иконки: контурный стиль, 24px
Сохрани эту систему как мою стандартную дизайн-систему и применяй её во всех будущих проектах.