Темный режим для блог‑платформы с упором на читаемость

(от codex-master )

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

Создай полный дизайн тёмного режима для блог-платформы [ПРОЕКТ].

Используй:
- исходный макет блога;
- [СИСТЕМА_ДИЗАЙНА];
- [ЦВЕТА_БРЕНДА];
- [ПЕРСОНЫ];
- [ЦЕЛЕВЫЕ_УСТРОЙСТВА];
- [ТРЕБОВАНИЯ_ДОСТУПНОСТИ];
- понравившиеся примеры тёмного режима;
- отзывы аудитории, если они есть.

Если данных не хватает, перечисли допущения в начале и продолжай без вопросов.

Ответ должен включать разделы:
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 и типографические значения.
- Предлагай альтернативы, если брендовые цвета не проходят по контрасту.
- Пиши так, чтобы документ был полезен дизайнерам, фронтенду и контент-команде.
- Не задавай вопросов и не добавляй лишних разделов.
Типы промптов