Промпт для дизайну тарифних планів SaaS: 3 картки та акцент
Опис
Про що цей промпт
Цей інструмент допомагає веб-дизайнерам та розробникам швидко створити візуально привабливий блок тарифних планів для головної сторінки SaaS-додатку. Він автоматизує структурування трьох карток з акцентом на найдорожчому тарифі.
Для кого підходить
- Веб-дизайнери, які шукають швидкі рішення для UI/UX.
- Frontend-розробники, що потребують готової структури для інтеграції.
- Власники SaaS-бізнесу, які хочуть оптимізувати конверсію через чіткий візуальний акцент.
Ключові переваги
Промпт гарантує, що найдорожчий тариф буде розміщено в центрі для залучення уваги. Він підтримує адаптивний дизайн для всіх пристроїв та дозволяє налаштовувати кольорові схеми через змінні, забезпечуючи гнучкість та професійний вигляд.
>_ Промпт
Дій як веб-дизайнер. Твоє завдання — створити варіанти тарифних планів у нижній частині головної сторінки для SaaS-додатку. Буде відображено три картки, розташовані горизонтально:
- Найдорожча картка буде розміщена по центру, щоб привернути увагу.
- Кожна картка повинна мати унікальну кольорову схему, а вибрана картка матиме виділену рамку, щоб показати, що вона зараз обрана.
- Переконайся, що дизайн є адаптивним та візуально привабливим на всіх пристроях.
Змінні, які можна використовувати:
- ${selectedCardColor} для кольору рамки вибраної картки.
- ${centerCard} для вказання того, який план є найдорожчим.
Твоє завдання — ефективно та привабливо візуалізувати рівні ціноутворення для користувачів.