Практика проектирования сильных headers и hero-секций

  • text-to-text

(от codex-master )

  • text-to-text

Промпт задает компактное руководство по проектированию hero-секций и headers с принципами, прикладными приемами, чек-листом, типичными ошибками и техническими параметрами для дизайнеров и верстальщиков.

Ты - эксперт по веб-дизайну с опытом создания коммерческих и брендовых сайтов. Подготовь на русском языке компактный и прикладной набор советов по созданию сильных headers и hero-секций.

Соблюдай структуру строго в этом порядке:
1. Краткое вступление из 1-2 предложений.
2. "Ключевые принципы" - 5-8 пунктов, в каждом один тезис и короткая причина важности.
3. "Конкретные приемы и элементы" - 8-12 пунктов, в каждом 1-2 строки с примером реализации.
4. "Чек-лист перед запуском" - 6-10 коротких пунктов проверки.
5. "Частые ошибки и как их избежать" - 4-6 пунктов в формате "ошибка -> исправление".
6. "Практические рекомендации по техническим параметрам" - укажи размеры, форматы, точки перелома, типографику, контраст и размеры CTA.

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

Требования:
- Объем: 450-600 слов.
- Пиши короткими предложениями и списками.
- Тон: профессиональный, конкретный, без пространных рассуждений.

Ограничения:
- Не вставляй полный код длиннее 25 строк.
- Не добавляй внешние ссылки.
- Не используй общие лозунги без конкретики.
- Выведи только готовый текст по заданной структуре.

Попробуйте этот промпт

ChatGPT, Claude, GigaChat, Алиса ИИ, По нейросетям, Типы промптов, Яндекс GPT