{"title":"Hero","description":"","products":[{"product_id":"hero-advanced-layering","title":"HERO ADVANCED LAYERING","description":"\u003cp\u003eHero section with advanced layered composition\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Asymmetrical hero with multiple layered elements\u003cbr\u003e  Conversion Intent: Create visual complexity, drive action, establish premium feel\u003cbr\u003e  Emotional Outcome: Sophisticated, dynamic, premium\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Advanced layering system\u003cbr\u003e  - Strong vertical rhythm\u003cbr\u003e  - Left-aligned text\u003cbr\u003e  - Prominent CTA\u003cbr\u003e  - Multiple layout modes\u003cbr\u003e  - Editorial spacing\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832978477140,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-advanced-layering.fw.png?v=1768556875"},{"product_id":"hero-angled-section","title":"HERO ANGLED SECTION","description":"\u003cp\u003eHero section with angled design elements\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Asymmetrical hero with angled sections and dynamic composition\u003cbr\u003e  Conversion Intent: Create visual interest, drive action, establish modern feel\u003cbr\u003e  Emotional Outcome: Dynamic, modern, premium\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Angled section design\u003cbr\u003e  - Strong vertical rhythm\u003cbr\u003e  - Left-aligned text\u003cbr\u003e  - Prominent CTA\u003cbr\u003e  - Multiple layout modes\u003cbr\u003e  - Editorial spacing\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832980836436,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-angled-section.fw.png?v=1768557108"},{"product_id":"hero-animated-gradient","title":"HERO ANIMATED GRADIENT","description":"\u003cp\u003eHero section with animated gradient background\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Asymmetrical hero with animated gradient and strong vertical rhythm\u003cbr\u003e  Conversion Intent: Create dynamic impact, drive action, establish modern feel\u003cbr\u003e  Emotional Outcome: Energetic, modern, premium\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Animated gradient background\u003cbr\u003e  - Strong vertical rhythm\u003cbr\u003e  - Left-aligned text\u003cbr\u003e  - Prominent CTA\u003cbr\u003e  - Multiple layout modes\u003cbr\u003e  - Editorial spacing\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832980934740,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-animated-gradient.fw.png?v=1768557168"},{"product_id":"hero-blur-effect","title":"HERO BLUR EFFECT","description":"\u003cp\u003eHero section with blur effect\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Asymmetrical hero with blur effect and depth\u003cbr\u003e  Conversion Intent: Create visual interest, drive action, establish premium feel\u003cbr\u003e  Emotional Outcome: Modern, sophisticated, premium\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Blur effect layers\u003cbr\u003e  - Strong vertical rhythm\u003cbr\u003e  - Left-aligned text\u003cbr\u003e  - Prominent CTA\u003cbr\u003e  - Multiple layout modes\u003cbr\u003e  - Editorial spacing\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832981622868,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-blur-effect.fw.png?v=1768557247"},{"product_id":"hero-bold-typography","title":"HERO BOLD TYPOGRAPHY","description":"\u003cp\u003eHero section with bold typography focus\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Asymmetrical hero with bold typography and strong vertical rhythm\u003cbr\u003e  Conversion Intent: Create immediate impact, drive action, establish brand presence\u003cbr\u003e  Emotional Outcome: Bold, confident, premium\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Bold typography emphasis\u003cbr\u003e  - Strong vertical rhythm\u003cbr\u003e  - Left-aligned text\u003cbr\u003e  - Prominent CTA\u003cbr\u003e  - Multiple layout modes\u003cbr\u003e  - Editorial spacing\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832981753940,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-bold-typography.fw.png?v=1768557306"},{"product_id":"hero-centered-spotlight","title":"HERO CENTERED SPOTLIGHT","description":"\u003cp\u003eHero section with centered spotlight design\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Centered hero with spotlight effect (exception to left-align rule for spotlight)\u003cbr\u003e  Conversion Intent: Create focal point, drive action, establish brand presence\u003cbr\u003e  Emotional Outcome: Focused, confident, premium\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Centered spotlight design\u003cbr\u003e  - Strong vertical rhythm\u003cbr\u003e  - Prominent CTA\u003cbr\u003e  - Multiple layout modes\u003cbr\u003e  - Editorial spacing\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832981885012,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-centered-spotlight.fw.png?v=1768557358"},{"product_id":"hero-content-fusion","title":"HERO CONTENT FUSION","description":"\u003cp\u003eHero section with fused content and media\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Asymmetrical hero with fused content-media integration\u003cbr\u003e  Conversion Intent: Create seamless experience, drive action, establish brand presence\u003cbr\u003e  Emotional Outcome: Cohesive, modern, premium\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Fused content-media layout\u003cbr\u003e  - Strong vertical rhythm\u003cbr\u003e  - Left-aligned text\u003cbr\u003e  - Prominent CTA\u003cbr\u003e  - Multiple layout modes\u003cbr\u003e  - Editorial spacing\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832982376532,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-content-fusion.fw.png?v=1768557423"},{"product_id":"hero-dual-cta","title":"HERO DUAL CTA","description":"\u003cp\u003eHero section with dual call-to-action buttons\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Asymmetrical hero with dual CTA emphasis and strong vertical rhythm\u003cbr\u003e  Conversion Intent: Create multiple action paths, drive conversions, establish brand presence\u003cbr\u003e  Emotional Outcome: Clear, confident, premium\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Dual CTA buttons\u003cbr\u003e  - Strong vertical rhythm\u003cbr\u003e  - Left-aligned text\u003cbr\u003e  - Prominent CTAs\u003cbr\u003e  - Multiple layout modes\u003cbr\u003e  - Editorial spacing\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832983162964,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-dual-cta.fw.png?v=1768557492"},{"product_id":"hero-dynamic-entrance","title":"HERO DYNAMIC ENTRANCE","description":"\u003cp\u003eHero section with dynamic entrance effects\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Asymmetrical hero with dynamic visual entrance\u003cbr\u003e  Conversion Intent: Create immediate impact, drive action, establish brand presence\u003cbr\u003e  Emotional Outcome: Energetic, engaging, premium\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Dynamic entrance animations\u003cbr\u003e  - Strong vertical rhythm\u003cbr\u003e  - Left-aligned text\u003cbr\u003e  - Prominent CTA\u003cbr\u003e  - Multiple layout modes\u003cbr\u003e  - Editorial spacing\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832983261268,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-dynamic-entrance.fw.png?v=1768557554"},{"product_id":"hero-editorial-split","title":"HERO Editorial Split","description":"\u003cp\u003eEditorial Split with Diagonal Divider\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Vertical split with text overlay on diagonal\/offset division\u003cbr\u003e  Conversion Intent: Brand storytelling, premium positioning, engagement\u003cbr\u003e  Emotional Outcome: Bold, editorial, purposeful asymmetry\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Full-screen split composition (text left, media right with diagonal offset)\u003cbr\u003e  - Overlaid text creating visual tension\u003cbr\u003e  - Headline spans across both zones\u003cbr\u003e  - Dynamic layout modes (split, overlay, stacked)\u003cbr\u003e  - Animated background gradient option\u003cbr\u003e  - Hover state with image reveal\/scale\u003cbr\u003e  - Deep color system supporting dark\/light modes\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832983851092,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-editorial-split.fw.png?v=1768557621"},{"product_id":"hero-full-width-video","title":"HERO FULL WIDTH VIDEO","description":"\u003cp\u003eHero section with full-width video background\u003cbr\u003e  \u003cbr\u003e  Design Pattern: Asymmetrical hero with video background and strong vertical rhythm\u003cbr\u003e  Conversion Intent: Create immersive experience, drive action, establish brand presence\u003cbr\u003e  Emotional Outcome: Immersive, dynamic, premium\u003cbr\u003e  \u003cbr\u003e  Features:\u003cbr\u003e  - Full-width video background\u003cbr\u003e  - Strong vertical rhythm\u003cbr\u003e  - Left-aligned text\u003cbr\u003e  - Prominent CTA\u003cbr\u003e  - Multiple layout modes\u003cbr\u003e  - Editorial spacing\u003c\/p\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42832984473684,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-full-width-video.fw.png?v=1768557688"},{"product_id":"hero-gradient-overlay","title":"HERO GRADIENT OVERLAY","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eHero section with gradient overlay on image\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical hero with gradient overlay and strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create visual depth, drive action, establish brand presence\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Sophisticated, modern, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Gradient overlay effect\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840249270356,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-gradient-overlay.fw.png?v=1768820606"},{"product_id":"hero-section-with-image-carousel","title":"Hero section with image carousel","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eDesign Pattern: Asymmetrical hero with image carousel and strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create visual interest, drive action, establish brand presence\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Dynamic, engaging, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Image carousel\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840252842068,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-image-carousel.fw.png?v=1768820660"},{"product_id":"hero-section-with-video-background","title":"Hero section with video background","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eDesign Pattern: Asymmetrical hero with video background and strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create immersive experience, drive action, establish brand presence\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Immersive, dynamic, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Video background\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840265654356,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-section-with-video-background.png?v=1771897552"},{"product_id":"interactive-hero-section-with-engaging-elements","title":"Interactive hero section with engaging elements","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eDesign Pattern: Asymmetrical hero with interactive elements and strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create immediate engagement, drive action, establish brand presence\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Dynamic, engaging, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Interactive hover states\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text (not centered)\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840266014804,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-interactive-hero.fw.png?v=1768820822"},{"product_id":"hero-visual-depth","title":"HERO VISUAL DEPTH","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eHero section with layered visual depth\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical hero with layered elements and depth effects\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create visual impact, drive action, establish premium feel\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Sophisticated, immersive, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Layered visual depth\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840274206804,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-visual-depth.fw.png?v=1768821043"},{"product_id":"hero-with-badge","title":"HERO WITH BADGE","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eHero section with prominent badge element\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical hero with badge emphasis and strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create immediate impact, drive action, establish brand presence\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Bold, confident, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent badge element\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840274272340,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-with-badge.fw.png?v=1768821091"},{"product_id":"hero-with-floating-elements","title":"HERO WITH FLOATING ELEMENTS","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eHero section with floating decorative elements\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical hero with floating elements and strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create dynamic visual interest, drive action, establish brand presence\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Playful, engaging, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Floating decorative elements\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840274862164,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-with-floating-elements.fw.png?v=1768821166"},{"product_id":"hero-with-social-proof","title":"HERO WITH SOCIAL PROOF","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eHero section with integrated social proof elements\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical hero with social proof and strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create trust, drive action, establish credibility\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Trustworthy, confident, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Integrated social proof\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840274894932,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-with-social-proof.fw.png?v=1768821198"},{"product_id":"hero-layered-asymmetrical","title":"Hero Layered Asymmetrical","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eLayered Asymmetrical Layout\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Left-aligned text with right-side visual offset\/layering\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Lead generation, product discovery, brand immersion\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Premium, intentional, forward-momentum\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Asymmetrical text\/media composition (violates centered-text default)\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Layered media with offset badge\/highlight\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple CTA styles (primary, secondary, tertiary)\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Layout mode toggle (text-left, text-right, split)\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Deep color customization\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Responsive stacking with preserved hierarchy\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Hover states on interactive elements\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840275746900,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-layered-asymmetrical.fw.png?v=1768821298"},{"product_id":"hero-minimal-dark","title":"HERO MINIMAL DARK","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eMinimal hero section with dark theme\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical hero with minimal design and dark theme\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create sophisticated impact, drive action, establish premium feel\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Elegant, sophisticated, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Minimal design approach\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Dark theme\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840276205652,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-minimal-dark.fw.png?v=1768821341"},{"product_id":"hero-parallax-effect","title":"HERO PARALLAX EFFECT","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eHero section with parallax scrolling effect\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical hero with parallax effect and strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create immersive experience, drive action, establish premium feel\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Dynamic, engaging, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Parallax scrolling effect\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840279973972,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-parallax-effect.png?v=1771897529"},{"product_id":"hero-minimal-text","title":"HERO MINIMAL TEXT","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eMinimal hero section with text focus\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Minimal hero with strong typography and vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create focused impact, drive action, establish elegant presence\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Elegant, refined, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Minimal design approach\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong typography focus\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840280236116,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-minimal-text.fw.png?v=1768821390"},{"product_id":"hero-side-image","title":"HERO SIDE IMAGE","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eHero section with side image layout\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical split hero layout with offset positioning\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create immediate impact, drive action, establish brand presence\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Bold, impactful, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Side image layout\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - CTA emphasis\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840280727636,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-side-image.fw.png?v=1768821508"},{"product_id":"hero-split-diagonal","title":"HERO SPLIT DIAGONAL","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eHero section with diagonal split design\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical hero with diagonal split and strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create visual interest, drive action, establish modern feel\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Dynamic, modern, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Diagonal split design\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840280760404,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-split-diagonal.fw.png?v=1768821551"},{"product_id":"hero-stacked-media","title":"HERO STACKED MEDIA","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003e Hero section with stacked media elements\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical hero with stacked media composition\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create visual depth, drive action, establish premium feel\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Rich, layered, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Stacked media layout\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Strong vertical rhythm\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Left-aligned text\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Prominent CTA\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple layout modes\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840280957012,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-stacked-media.fw.png?v=1768821610"},{"product_id":"hero-text-overlay-image","title":"HERO TEXT OVERLAY IMAGE","description":"\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan\u003eHero section with text overlay on image\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Design Pattern: Asymmetrical hero layout with offset positioning and editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Conversion Intent: Create immediate impact, drive action, establish brand presence\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Emotional Outcome: Bold, impactful, premium\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  Features:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Text overlay on image\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - High-contrast design\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Multiple overlay styles\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Editorial spacing\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e  - Responsive behavior\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Ukiyo","offers":[{"title":"Default Title","offer_id":42840281055316,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0617\/7207\/0996\/files\/hero-text-overlay-image.fw.png?v=1768821659"}],"url":"https:\/\/ukiyoprod.com\/collections\/hero.oembed?page=2","provider":"Ukiyo","version":"1.0","type":"link"}