Organic Hero

Ce que fait cette section

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

Où elle se place

• Utilisable au maximum 1 fois sur une page.
• Cette section est incluse dans toutes les formules — aucun plugin requis.

Styles

Différentes apparences pour la même section. Vous pouvez changer de style plus tard ; votre contenu est conservé.

Les 2 premiers styles de chaque section sont ouverts sur toutes les boutiques. Les suivants se débloquent avec le plugin Éditeur de pages, tous en même temps.

• Organic Frame

  Gratuitblob-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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, blobStyle, blobTint, showFeatures, features, featureIconColor, floatingChipText, floatingChipBg, headingColor, textColor, accentColor, badgeBg, badgeColor

• Wave Crest

  Gratuitwave-crest

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, showWaveDivider, waveColor, waveHeight, headingColor, textColor, accentColor, badgeBg, badgeColor

• Layered Blobs

  Éditeur de pageslayered-blobs

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, blobTint, blobTint2, showDecor, decorColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Organic Panel

  Éditeur de pagesorganic-panel

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, panelColor, imageSide, showFeatures, features, featureIconColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Leaf Split

  Éditeur de pagesleaf-split

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, imageSide, showDecor, decorColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Arch Portal

  Éditeur de pagesorganic-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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, blobTint, showDecor, decorColor, imageSide, headingColor, textColor, accentColor, badgeBg, badgeColor

• Organic Overlay

  Éditeur de pagesoverlay-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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, panelColor, imageSide, showWaveDivider, waveColor, waveHeight, headingColor, textColor, accentColor, badgeBg, badgeColor

• Blob Duo

  Éditeur de pagesblob-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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, image2, image2Alt, blobStyle, blobTint, floatingChipText, floatingChipBg, imageSide, headingColor, textColor, accentColor, badgeBg, badgeColor

• Curve Split

  Éditeur de pagescurve-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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, panelColor, imageSide, showDecor, decorColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Torn Paper

  Éditeur de pagestorn-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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, scrimColor, showFeatures, features, featureIconColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Orbit Bubbles

  Éditeur de pagesorbit-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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, image2, image2Alt, blobTint, showDecor, decorColor, floatingChipText, floatingChipBg, headingColor, textColor, accentColor, badgeBg, badgeColor

• Arch Trio

  Éditeur de pagesarch-trio

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, image2, image2Alt, blobTint, floatingChipText, floatingChipBg, headingColor, textColor, accentColor, badgeBg, badgeColor

• Ribbon Sash

  Éditeur de pagesribbon-sash

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, blobStyle, ribbonColor, imageSide, headingColor, textColor, accentColor, badgeBg, badgeColor

• Peek Portal

  Éditeur de pagesportal-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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, panelColor, imageSide, showDecor, decorColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Organic Ticket

  Éditeur de pagesstamp-ticket

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, panelColor, showFeatures, features, featureIconColor, headingColor, textColor, accentColor, badgeBg, badgeColor

• Crossed Ribbons

  Éditeur de pagesribbon-cross

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, blobStyle, ribbonColor, ribbonColor2, headingColor, textColor, accentColor, badgeBg, badgeColor

• Ribbon Wrap

  Éditeur de pagesribbon-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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, blobStyle, ribbonColor, imageSide, headingColor, textColor, accentColor, badgeBg, badgeColor

• Headline Sash

  Éditeur de pagesribbon-banner

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, blobStyle, ribbonColor, imageSide, headingColor, textColor, accentColor, badgeBg, badgeColor

• Ribbon Waves

  Éditeur de pagesribbon-stack

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, blobStyle, ribbonColor, ribbonColor2, headingColor, textColor, accentColor, badgeBg, badgeColor

• Ribbon Strip

  Éditeur de pagesribbon-strip

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

  Propres à ce style: badge, title, subtitle, buttons, image, imageAlt, scrimColor, ribbonColor, headingColor, textColor, accentColor, badgeBg, badgeColor

Réglages

Les champs affichés dans le panneau Réglages de section, à droite, lorsque cette section est sélectionnée.

Communs à tous les styles

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