Перейти к содержимому

Смелые фоны
для хиро и баннеров

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

Почему стеклянные фоны сейчас цепляют

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

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

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

Предпросмотр
Seed17321
Панели34
Угол-31°
LAB

Параметры

01

Цвета

Фон
Стекло
Свет
02

Стекло

Панели34
Ширина2.5
Прозрачность0.72
Глубина0.75
03

Волна

Угол-31°
Позиция55%
Амплитуда12
Ширина17
Кривизна1.2
Скорость0.5

Анимация возможна на прямых волнах: при включении убирается шум стекла, и ленты движутся гладко.

04

Свет

Угол
Интенсивность1
Свечение22px
Размытие5px
Туман0.32
Виньетка0.35
05

Генерация

Seed

Один сид — одна композиция