Темный режим для блог‑платформы с упором на читаемость
Промпт проектирует полный дизайн тёмного режима для блога: адаптацию макета и компонентов, учёт отзывов аудитории, анализ референсов, палитру с контрастностью, состояния интерфейса и тестирование ключевого риска.
Создай полный дизайн тёмного режима для блог-платформы [ПРОЕКТ]. Используй: - исходный макет блога; - [СИСТЕМА_ДИЗАЙНА]; - [ЦВЕТА_БРЕНДА]; - [ПЕРСОНЫ]; - [ЦЕЛЕВЫЕ_УСТРОЙСТВА]; - [ТРЕБОВАНИЯ_ДОСТУПНОСТИ]; - понравившиеся примеры тёмного режима; - отзывы аудитории, если они есть. Если данных не хватает, перечисли допущения в начале и продолжай без вопросов. Ответ должен включать разделы: 1. Адаптация существующего макета: для шапки, статьи, подвала, сайдбара, карточек, навигации, форм, модалок, тултипов и комментариев опиши фоновые уровни, бордеры, состояния, тени и размытия. 2. Интеграция отзывов аудитории: выдели 4–6 выводов и для каждого опиши конкретное дизайнерское решение. 3. Анализ референсов: 3–5 удачных паттернов тёмного режима и способ их адаптации под бренд. 4. Цвета, контрастность и доступность: финальная палитра surface-уровней, акцентов, текста, ссылок и кнопок с HEX, именами токенов, contrast ratio и соответствием WCAG. 5. Компоненты и состояния: hover, focus, active, disabled, empty, loading и error для ключевых элементов. 6. Типографика и читаемость: размеры, line-height, длина строки, контраст для длинного текста и заметок. 7. Слабое предположение и риск: одно самое слабое предположение, тестирование и сценарий, в котором тёмный режим ухудшает опыт чтения. Ограничения: - Указывай конкретные цвета, opacity, радиусы, spacing и типографические значения. - Предлагай альтернативы, если брендовые цвета не проходят по контрасту. - Пиши так, чтобы документ был полезен дизайнерам, фронтенду и контент-команде. - Не задавай вопросов и не добавляй лишних разделов.
Типы промптов