{"product_id":"blob-image","title":"Blob Image and Text","description":"\u003cp class=\"font-claude-response-body break-words whitespace-normal\" dir=\"auto\"\u003eA playful, organic image-and-text section where your photo sits inside a soft blob shape with a line of looping text tracing the outline. Hover and the image scales gently inside the blob while the text shifts color — a small bit of motion that makes a standard two-column layout feel custom-built. Perfect for brands with a bit of personality who want an About or intro section that doesn't look like every other split-screen block.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal\" dir=\"auto\"\u003e\u003cstrong\u003eKey Features:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul dir=\"auto\" class=\"[li_\u0026amp;]:mb-0 [li_\u0026amp;]:mt-1 [li_\u0026amp;]:gap-1 [\u0026amp;:not(:last-child)_ul]:pb-1 [\u0026amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\"\u003e\n\u003cli class=\"font-claude-response-body whitespace-normal break-words pl-2\"\u003eImage is clipped into an organic blob shape with a continuously scrolling text ring around the edge — write your own phrase (\"❤ MADE WITH LOVE,\" \"SUSTAINABLY MADE,\" your tagline) and it repeats automatically to fill the outline\u003c\/li\u003e\n\u003cli class=\"font-claude-response-body whitespace-normal break-words pl-2\"\u003eSmart text fitting does the fiddly math for you: the phrase is measured, repeated the right number of times, and letter-spacing is nudged so there's no ugly overlap or gap where the loop meets itself — no matter how long or short your phrase is\u003c\/li\u003e\n\u003cli class=\"font-claude-response-body whitespace-normal break-words pl-2\"\u003eHover interaction built in, with the image scaling inside the blob and a separate hover color for the animated text\u003c\/li\u003e\n\u003cli class=\"font-claude-response-body whitespace-normal break-words pl-2\"\u003eFull typographic control with per-element style, size, and max-width overrides, plus accent text styling on the main heading\u003c\/li\u003e\n\u003cli class=\"font-claude-response-body whitespace-normal break-words pl-2\"\u003eFlexible layout and styling: flip image and text sides on desktop (mobile always stacks image-first and centers), tune both the column gap and the spacing between heading, paragraph, and button, set custom background, text, and border colors, and add optional sliding section effects and decorative dividers\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal\" dir=\"auto\"\u003e\u003cstrong\u003ePerfect for:\u003c\/strong\u003e About sections, brand-story blocks, founder intros, \"our process\" moments, or anywhere a straight rectangle image feels too stiff.\u003c\/p\u003e","brand":"Bungalow Creative","offers":[{"title":"Default Title","offer_id":47273442181289,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0602\/9538\/1161\/files\/BlobImage.jpg?v=1784467088","url":"https:\/\/bungalowcreative.co\/products\/blob-image","provider":"Bungalow Creative","version":"1.0","type":"link"}