Ondas
Separadores de sección para webs y landing pages, con varias capas y tres tipos de curva.
Ondas, blobs y patrones · gratis
Crea separadores de ondas para tu web, manchas orgánicas y patrones de fondo con tus colores. Pulsa «Otra versión» hasta dar con la buena y llévatela en SVG, PNG o CSS.
.separador-ondas {
aspect-ratio: 1440 / 320;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='320' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M0 80.5 C40 85.2 160 95.7 240 108.9 C320 122 400 156.6 480 159.5 C560 162.3 640 139.6 720 126.1 C800 112.7 880 89.6 960 78.8 C1040 68 1120 63.4 1200 61.4 C1280 59.4 1400 66 1440 66.9 L1440 320 L0 320 Z' fill='%237c3aed'/%3E%3Cpath d='M0 212.9 C40 198.9 160 138.5 240 128.8 C320 119.1 400 146.1 480 154.6 C560 163.1 640 172.8 720 179.9 C800 187 880 200.3 960 197 C1040 193.6 1120 162.7…El SVG se abre y se edita en Figma, Illustrator, Inkscape o Canva. El PNG sale al doble de tamaño, nítido en pantallas retina.
Sin fondo, la forma queda transparente para ponerla sobre lo que quieras.
Una onda entre dos secciones, una mancha de color detrás de una foto o un patrón suave de fondo bastan para que una web o un post dejen de verse planos. Aquí las creas con tus colores y las llevas a tu proyecto en segundos.
Elige la forma, prueba versiones y llévatela a tu proyecto (las ondas de este ejemplo son reales):
Separadores de sección para webs y landing pages, con varias capas y tres tipos de curva.
Manchas orgánicas para fondos de foto, iconos, stickers o portadas.
Puntos, rayas, cuadrículas y más, listos para pegar como fondo en CSS.