Organic Hero

Qué hace esta sección

Organic hero with blob-clipped imagery, wave dividers and soft hand-drawn curves — ideal for coffee, bakery, cosmetics and organic-food stores.

Dónde se coloca

• Se puede usar como máximo 1 vez/veces en una página.
• Esta sección está en todos los planes: no necesita ningún complemento.

Estilos

Distintos aspectos para la misma sección. Puedes cambiar el estilo más tarde; tu contenido se mantiene.

Los primeros 2 estilos de cada sección están abiertos en todas las tiendas. El resto se desbloquea con el complemento Editor de páginas, todos a la vez.

• Organic Frame

  Gratisblob-frame

  Copy with a pill CTA and circular feature badges on the left; an organic blob-clipped image with a floating chip overlapping it on the right

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, blobStyle, blobTint, showFeatures, features, featureIconColor, floatingChipText, floatingChipBg, headingColor, textColor, accentColor, badgeBg, badgeColor

• Wave Crest

  Gratiswave-crest

  Centered copy above a full-width media band whose top edge is cut by a sweeping organic wave

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, showWaveDivider, waveColor, waveHeight, headingColor, textColor, accentColor, badgeBg, badgeColor

• Layered Blobs

  Editor de páginaslayered-blobs

  Centered copy floating over two translucent token-tinted organic blobs; the image sits inside an asymmetric-radius blob

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, blobTint, blobTint2, showDecor, decorColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Organic Panel

  Editor de páginasorganic-panel

  A giant-radius colored panel: copy, CTA and a feature-badge row on one side, an organic-cut image on the other

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, panelColor, imageSide, showFeatures, features, featureIconColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Leaf Split

  Editor de páginasleaf-split

  Split hero with the image clipped into a leaf shape (two opposite sharp corners), an image-side control and organic dotted decor

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, imageSide, showDecor, decorColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Arch Portal

  Editor de páginasorganic-arch

  A tall arch-shaped image portal off to one side with a tinted arch echo behind it and doodle accents; copy and dual CTAs on the other

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, blobTint, showDecor, decorColor, imageSide, headingColor, textColor, accentColor, badgeBg, badgeColor

• Organic Overlay

  Editor de páginasoverlay-card

  A full-bleed hero image with a giant-radius organic card floating over it carrying the copy and CTA, plus an optional wave divider at the base

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, panelColor, imageSide, showWaveDivider, waveColor, waveHeight, headingColor, textColor, accentColor, badgeBg, badgeColor

• Blob Duo

  Editor de páginasblob-duo

  A two-image organic collage — a large blob-clipped photo with a smaller pebble-clipped photo overlapping its corner and a floating chip; copy opposite

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, image2, image2Alt, blobStyle, blobTint, floatingChipText, floatingChipBg, imageSide, headingColor, textColor, accentColor, badgeBg, badgeColor

• Curve Split

  Editor de páginascurve-split

  An edge-to-edge two-tone split — a solid color half with copy and CTAs whose inner edge is a sweeping organic S-curve over a full-bleed photo half

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, panelColor, imageSide, showDecor, decorColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Torn Paper

  Editor de páginastorn-band

  A full-width media band whose top and bottom edges are torn-paper organic jags, with copy and feature badges centered inside over a tint scrim

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, scrimColor, showFeatures, features, featureIconColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Orbit Bubbles

  Editor de páginasorbit-bubbles

  Centered copy and CTA ringed by a dashed orbit with small circular photo bubbles set on it and a tinted chip bubble, plus doodle decor

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, image2, image2Alt, blobTint, showDecor, decorColor, floatingChipText, floatingChipBg, headingColor, textColor, accentColor, badgeBg, badgeColor

• Arch Trio

  Editor de páginasarch-trio

  Centered copy above a rhythm of three arches — two photo arches and a tinted arch holding a chip label — with dual CTAs beneath

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, image2, image2Alt, blobTint, floatingChipText, floatingChipBg, headingColor, textColor, accentColor, badgeBg, badgeColor

• Ribbon Sash

  Editor de páginasribbon-sash

  A diagonal organic ribbon sweeps across the lower hero behind a blob-clipped image; copy and dual CTAs sit on the opposite side

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, blobStyle, ribbonColor, imageSide, headingColor, textColor, accentColor, badgeBg, badgeColor

• Peek Portal

  Editor de páginasportal-window

  A full-bleed photo behind a solid color field with an organic blob-shaped hole punched through it, so the product peeks through; copy on the field

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, panelColor, imageSide, showDecor, decorColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Organic Ticket

  Editor de páginasstamp-ticket

  A vertical postage-stamp ticket panel with scalloped perforated edges — image band, a dashed perforation divider, then copy and a feature-badge row

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, panelColor, showFeatures, features, featureIconColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Crossed Ribbons

  Editor de páginasribbon-cross

  Two organic ribbons sweep in opposite diagonals forming a soft X behind a centered blob-clipped image; copy and dual CTAs above

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, blobStyle, ribbonColor, ribbonColor2, headingColor, textColor, accentColor, badgeBg, badgeColor

• Ribbon Wrap

  Editor de páginasribbon-wrap

  A ribbon wraps the image — passing behind it across the hero and re-emerging in front of its lower third like a tied sash; copy opposite

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, blobStyle, ribbonColor, imageSide, headingColor, textColor, accentColor, badgeBg, badgeColor

• Headline Sash

  Editor de páginasribbon-banner

  The headline rides a bold tilted wavy-edged ribbon; badge above, subtitle and CTA below, with a blob-clipped image beside it

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, blobStyle, ribbonColor, imageSide, headingColor, textColor, accentColor, badgeBg, badgeColor

• Ribbon Waves

  Editor de páginasribbon-stack

  Stacked, phase-shifted undulating ribbon bands fill the lower hero behind centered copy and a wide blob-clipped image

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, blobStyle, ribbonColor, ribbonColor2, headingColor, textColor, accentColor, badgeBg, badgeColor

• Ribbon Strip

  Editor de páginasribbon-strip

  A full-bleed photo crossed by one thick diagonal ribbon that carries the badge, headline and CTA over a tint scrim

  Propios de este estilo: badge, title, subtitle, buttons, image, imageAlt, scrimColor, ribbonColor, headingColor, textColor, accentColor, badgeBg, badgeColor

Ajustes

Los campos que aparecen en el panel Ajustes de sección, a la derecha, al seleccionar esta sección.

Comunes a todos los estilos

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height