Работай только с переданными данными и placeholders. Если каких-то данных не хватает, следуй правилам шаблона и не выдумывай факты. Верни только результат в указанном формате.
Входные данные (обязательно заполните перед запуском):
- <business> — краткое описание компании/сервиса (отрасль, 2–4 ключевых слова бренда, основные цвета в HEX, логотип или ссылка на брендбук).
- <persona> — целевая персона, для которой должны быть привлекательны иконки (возраст, роль/профессия, визуальные предпочтения и пример похожих продуктов/стилей).
- <challenges> — конкретные проблемы в пользовательской навигации, которые нужно решить иконками (например: много пунктов меню, непонятные метки, низкая скорость распознавания действий).
Задача
Разработай комплект иконок для <business>, который:
- визуально понравится <persona>;
- впишется в указанный фирменный стиль (используй цвета и тон из <business>);
- поможет преодолевать перечисленные <challenges> в навигации (повысить распознаваемость, ускорить выбор, уменьшить когнитивную нагрузку).
Требования (обязательные):
1. Количество иконок: базовый набор из 12 иконок (можно скорректировать под конкретный список объектов — перечисли их при запуске).
2. Форматы поставки:
- Исходники: оптимизированные SVG (по одному файлу на иконку, с семантическими id/классами и упрощенной структурой).
- Растровые экспорты: PNG 16, 24, 32, 48, 64, 128 px (24‑ and 48‑px — основные для интерфейса).
- Дополнительно: PDF/PNG — страница со стилями и примерами использования.
3. Технические ограничения:
- Все иконки — векторные (SVG), выверены на пиксельную сетку для 16/24 px.
- Максимум 2 уровня визуального веса: outline (контур) и filled (заливка) для состояний (по требованию интерфейса).
- Единый визуальный каркас: сетка 24×24 px, внутренний отступ (padding) 2–3 px, единый stroke‑weight (укажи значение в px относительно сетки).
- Не использовать текст внутри иконок.
- Максимум 2 цвета в многокрасочной версии (основной брендовый + акцент); допускается монохромная версия для контрастных состояний.
4. Стиль и язык визуализации:
- Следуй тону бренда из <business> (укажи: дружелюбный / профессиональный / минималистичный / технологичный и т. п.).
- Сохраняй простые, легко читаемые силуэты; избегай мелких деталей, которые теряются при 16 px.
- Используй метафоры, понятные для <persona> (если укажешь примеры — учти их).
5. Доступность и распознаваемость:
- Иконки должны быть различимы при размере 16 px.
- Контраст графики по отношению к фону — не менее 3:1 для активных/интерактивных состояний.
- Предложи по одному варианту для: default, active (filled или accent color), disabled (опущенная насыщенность или opacity 30%).
6. Организация и наименование:
- Файлы именовать в стиле kebab-case: <business>-icon-<name>-16.png / <business>-icon-<name>.svg.
- Включить JSON‑или CSV‑файл со списком иконок: имя, семантическая метка (label), назначение, состояния.
7. Краткое руководство по использованию (deliverable):
- Одна страница (PDF/PNG) с примерами: иконки в навигации (горизонтальное меню, боковая панель), примеры состояний, рекомендации по размерам и отступам, правила сочетания с текстом.
8. Критерии приемки:
- Вся поставка соответствует форматам и требованиям выше.
- Каждая иконка читаема на 16 px и соответствует тону бренда и предпочтениям <persona>.
- Есть варианты состояний и файл со списком/метаданными.
Формат ответа:
- Сжатое текстовое описание пакета (названия файлов, краткая инструкция по интеграции).
- ZIP‑архив со всеми файлами (SVG, PNG в указанных размерах, PDF/PNG со стилями, JSON/CSV с метаданными).
Запуск:
- Замените <business>, <persona>, <challenges> соответствующими данными и запустите этот промпт. Если нужен другой размер набора или дополнительные состояния — укажите это в параметрах перед запуском.
