Градиентные блоки: 6 цветных полос с цитатой

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

Собрать сайт бесплатно 6 блоков в категории

Когда нужны эти блоки

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

Что умеют

  • Готовые сочетания цветов и свой градиент
  • Цитата, автор и заголовок поверх фона
  • Высота полосы и выравнивание текста

Чего не умеют

  • Анимированный переливающийся градиент
  • Градиент как фон для другого блока — здесь это самостоятельный блок

Все блоки категории «Градиенты»

Каждый блок ставится на страницу одним кликом. Тексты, картинки и цвета меняются прямо на сайте — без вёрстки.

Градиент зелёно-розовый с цитатой — блок для сайта, конструктор Fo.ru

Градиент зелёно-розовый с цитатой

Цитата и автор поверх мягкого зелёно-розового градиента

градиентцитатацветной фонакцентсветлый
Градиент тёмно-красный с цитатой — блок для сайта, конструктор Fo.ru

Градиент тёмно-красный с цитатой

Цитата белым текстом поверх тёмно-бордового градиента

градиентцитатацветной фонакценттёмный
Градиент сине-фиолетовый с цитатой — блок для сайта, конструктор Fo.ru

Градиент сине-фиолетовый с цитатой

Цитата и автор поверх сине-фиолетового градиента

градиентцитатацветной фонакцентсиний
Градиент бирюзовый с цитатой — блок для сайта, конструктор Fo.ru

Градиент бирюзовый с цитатой

Длинная цитата и автор поверх бирюзового градиента

градиентцитатацветной фонакцентбирюзовый
Градиент розово-персиковый с цитатой — блок для сайта, конструктор Fo.ru

Градиент розово-персиковый с цитатой

Длинная цитата и автор поверх розово-персикового градиента

градиентцитатацветной фонакцентрозовый
Градиент сине-красный с заголовком — блок для сайта, конструктор Fo.ru

Градиент сине-красный с заголовком

Одна строка заголовка поверх яркого сине-красного градиента

градиентцитатацветной фонакцентяркий

Частые вопросы

Можно ли задать свои цвета?

Да, начальный и конечный цвет градиента меняются в настройках блока.

Читается ли текст на ярком градиенте?

Проверьте контраст: для светлых сочетаний берите тёмный текст, для насыщенных — белый.

Можно ли поставить сюда кнопку?

Да, в блок добавляются кнопки и ссылки поверх градиента.

Соберите страницу из готовых блоков

Библиотека из 545 блоков доступна сразу после регистрации. Без программирования и без оплаты на старте.

Создать сайт бесплатно