11:59
HTML/CSS карточка каталога файлов — минималистичный шаблон
Этот промпт создан для конструктора сайтов uCoz и ассистента uCoz AI Code.
Создайте сайт с помощью uCoz, используйте встроенного ассистента и узнайте больше о его возможностях на странице ucoz.ru/ai.

Создай современный и визуально привлекательный HTML/CSS шаблон карточки для каталога файлов на основе следующей структуры:

Требования к дизайну:

  • Современный минималистичный стиль.
  • Добавь кнопку перехода к файлу («Открыть» / «Подробнее») и кнопку скачивания («⬇️ Скачать» или 📥) с лёгкими hover-эффектами (небольшое изменение цвета или лёгкое затемнение).
  • Карточка должна иметь плавные тени, скруглённые углы и отступы между элементами.
  • Без градиентов — только чистые цвета, контраст и аккуратная типографика.
  • Добавь hover-анимацию карточки: лёгкое поднятие и усиление тени при наведении.
  • Используй лейблы с emoji (📁 для категории, 👤 для автора, 👁 для просмотров, 💬 для комментариев).
  • Сделай заголовок выразительным — крупнее, полужирным, с ограничением по длине и троеточием при переполнении.
  • Сохрани совместимость с переменными шаблона.
  • Обеспечь адаптивность для мобильных устройств.
  • Используй нейтральную палитру (белый, серый, чёрный, акцентные оттенки синего или зелёного для кнопок и ссылок).
  • Карточка должна выглядеть как элемент современного контент-каталога (в духе Dribbble, Behance или uKit).
  • Карточка должна растягиваться по ширине контента.

В результате предоставь полный HTML и CSS-код, чтобы карточка выглядела чисто, современно и гармонично.

Категория: Промпты для uCoz AI Code | Просмотров: 29 | Добавил: web_guru | Рейтинг: 0.0/0
Всего комментариев: 0