{"id":9139,"date":"2026-05-06T08:00:59","date_gmt":"2026-05-06T08:00:59","guid":{"rendered":"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/"},"modified":"2026-05-06T08:30:35","modified_gmt":"2026-05-06T08:30:35","slug":"squarespace-3d-live-action-motion-graphics-maker-brand-ad","status":"publish","type":"ulz_listing","link":"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/","title":{"rendered":"Inside Squarespace&#8217;s Mixed Media Maker Ad: 3D, Live Action, and Motion Graphics in 36 Seconds"},"author":10,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","ulz_listing_category":"","ulz_listing_region":[],"ulz_listing_tag":"","class_list":["post-9139","ulz_listing","type-ulz_listing","status-publish","hentry","ulz_listing_category-premium","ulz_listing_tag-brand-videos","ulz_listing_tag-mixed-styles","ulz_listing_tag-saas"],"acf":{"sub_heading":"See how Squarespace layered 3D product reveals, live action footage, and motion graphics transitions into a 36-second mixed style ad that sells the maker identity."},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Mixed Style E-commerce Ad: 3D and Live Action | MPV<\/title>\n<meta name=\"description\" content=\"Study Squarespace&#039;s mixed style maker ad \u2014 3D animation, live action footage, and motion graphics layered in 36 seconds, used as video inspiration for e-commerce SaaS marketers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inside Squarespace&#039;s Mixed Media Maker Ad: 3D, Live Action, and Motion Graphics in 36 Seconds\" \/>\n<meta property=\"og:description\" content=\"Study Squarespace&#039;s mixed style maker ad \u2014 3D animation, live action footage, and motion graphics layered in 36 seconds, used as video inspiration for e-commerce SaaS marketers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/\" \/>\n<meta property=\"og:site_name\" content=\"MyPromoVideos Library\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-06T08:30:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mixed Style E-commerce Ad: 3D and Live Action | MPV","description":"Study Squarespace's mixed style maker ad \u2014 3D animation, live action footage, and motion graphics layered in 36 seconds, used as video inspiration for e-commerce SaaS marketers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/","og_locale":"en_US","og_type":"article","og_title":"Inside Squarespace's Mixed Media Maker Ad: 3D, Live Action, and Motion Graphics in 36 Seconds","og_description":"Study Squarespace's mixed style maker ad \u2014 3D animation, live action footage, and motion graphics layered in 36 seconds, used as video inspiration for e-commerce SaaS marketers.","og_url":"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/","og_site_name":"MyPromoVideos Library","article_modified_time":"2026-05-06T08:30:35+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/","url":"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/","name":"Mixed Style E-commerce Ad: 3D and Live Action | MPV","isPartOf":{"@id":"https:\/\/mypromovideos.com\/video-inspirations\/#website"},"datePublished":"2026-05-06T08:00:59+00:00","dateModified":"2026-05-06T08:30:35+00:00","description":"Study Squarespace's mixed style maker ad \u2014 3D animation, live action footage, and motion graphics layered in 36 seconds, used as video inspiration for e-commerce SaaS marketers.","breadcrumb":{"@id":"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mypromovideos.com\/video-inspirations\/"},{"@type":"ListItem","position":2,"name":"Inside Squarespace&#8217;s Mixed Media Maker Ad: 3D, Live Action, and Motion Graphics in 36 Seconds"}]},{"@type":"WebSite","@id":"https:\/\/mypromovideos.com\/video-inspirations\/#website","url":"https:\/\/mypromovideos.com\/video-inspirations\/","name":"Mypromovideos- Video Inspiration Hub","description":"Video Inspiration hub","publisher":{"@id":"https:\/\/mypromovideos.com\/video-inspirations\/#organization"},"alternateName":"Video Inspiration Hub","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mypromovideos.com\/video-inspirations\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mypromovideos.com\/video-inspirations\/#organization","name":"Mypromovideos Private Limited","url":"https:\/\/mypromovideos.com\/video-inspirations\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mypromovideos.com\/video-inspirations\/#\/schema\/logo\/image\/","url":"https:\/\/mypromovideos.com\/video-inspirations\/wp-content\/uploads\/2024\/11\/Screenshot-from-2024-11-28-12-28-54.png","contentUrl":"https:\/\/mypromovideos.com\/video-inspirations\/wp-content\/uploads\/2024\/11\/Screenshot-from-2024-11-28-12-28-54.png","width":1827,"height":355,"caption":"Mypromovideos Private Limited"},"image":{"@id":"https:\/\/mypromovideos.com\/video-inspirations\/#\/schema\/logo\/image\/"}}]}},"ulz_priority":"0","post_content":"<!-- ============================================================\n     MPV VIDEO AUDIT BLOCK \u2014 Mixed Style Video Example: Layering 3D, Live Action, and Motion Graphics to Sell an E-commerce Platform\n     Target queries: mixed style SaaS brand commercial 3D animation motion graphics | Squarespace mixed media ad | 3D live action motion graphics e-commerce video | mixed style brand film production\n     Meta description: See how Squarespace combined 3D animation, live action, and motion graphics into a mixed style video inspiration for selling an e-commerce platform to makers.\n     ============================================================ -->\n\n<script type='application\/ld+json'>\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mypromovideos.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Video Inspirations\",\"item\":\"https:\/\/mypromovideos.com\/video-inspirations\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mixed Style Videos\",\"item\":\"https:\/\/mypromovideos.com\/video-inspirations\/video-category\/mixed-styles\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Mixed Style E-commerce Ad: 3D and Live Action\",\"item\":\"https:\/\/mypromovideos.com\/video-inspirations\/video\/squarespace-3d-live-action-motion-graphics-maker-brand-ad\/\"}]}\n<\/script>\n\n<script type='application\/ld+json'>\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is the Squarespace Everything to Sell Something New ad about?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Squarespace Everything to Sell Something New ad is a 36-second mixed style brand commercial that combines live action footage, 3D animation, motion graphics, and UI design to show creators and makers that Squarespace is the platform for selling any type of product, service, or content. The visual layering communicates platform versatility without a single spoken word of feature explanation.\"}},{\"@type\":\"Question\",\"name\":\"What video style is the Squarespace Everything to Sell ad?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The ad is a mixed style commercial that blends live action footage, 3D animation elements, motion graphics, and interface animation. This multi-layered approach is a deliberate creative choice that mirrors the platform's range. The visual complexity is held together by a consistent brand colour palette and a tightly controlled edit rhythm.\"}},{\"@type\":\"Question\",\"name\":\"How long is the Squarespace Everything to Sell Something New video?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Squarespace Everything to Sell Something New mixed style brand commercial runs for 36 seconds. The 36-second runtime accommodates the layered visual approach while maintaining the pace needed to hold attention. The edit moves quickly but every transition is purposeful, linking each product type to the next in a continuous visual flow.\"}},{\"@type\":\"Question\",\"name\":\"What B2B brands can learn from this Squarespace mixed style ad?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"B2B marketing teams can study this ad for its approach to communicating platform breadth without feature listing, its use of visual style diversity to signal product versatility, and its integration of UI animation with live footage and 3D elements. These techniques apply to any SaaS platform that serves multiple use cases or buyer types.\"}},{\"@type\":\"Question\",\"name\":\"How does the Squarespace ad use mixed media to communicate product range?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Each visual style in the ad represents a different type of creator or product type that Squarespace supports. Live action grounds the message in real people and real products. Motion graphics and 3D elements visualise digital and abstract product categories. The style shift itself communicates that the platform works for everyone, without needing to say it.\"}},{\"@type\":\"Question\",\"name\":\"Where can I find more mixed style video examples for SaaS brands?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The MyPromoVideos video inspiration library includes dozens of mixed style video examples from SaaS, e-commerce, and platform brands. Each page includes a full production breakdown and briefing reference for marketing teams studying how to combine animation, live action, and motion graphics in a single commercial.\"}}]}\n<\/script>\n\n<script type='application\/ld+json'>\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"VideoObject\",\"name\":\"Mixed Style E-commerce Ad: 3D and Live Action\",\"description\":\"Squarespace combined live action footage, 3D animation, motion graphics, and UI animation into a 36-second mixed style brand commercial showing makers they can sell anything on the platform. The visual layering communicates product versatility without feature explanation.\",\"thumbnailUrl\":\"https:\/\/img.youtube.com\/vi\/TjVVJMKPLeA\/hqdefault.jpg\",\"uploadDate\":\"2026-05-06\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"MyPromoVideos\",\"url\":\"https:\/\/mypromovideos.com\"},\"author\":{\"@type\":\"Organization\",\"name\":\"MyPromoVideos Production Team\",\"url\":\"https:\/\/mypromovideos.com\"}}\n<\/script>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@600;700;800&family=JetBrains+Mono:wght@400;600&display=swap');\n.mpv-vi-video-wrap{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;margin:0 0 28px;background:#000;}\n.mpv-vi-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}\n.mpv-vi{font-family:inherit;color:#222;line-height:1.75;}\n.mpv-vi *{box-sizing:border-box;}\n.mpv-vi h1{font-size:1.55rem;font-weight:800;color:#111;line-height:1.25;margin:0 0 8px;letter-spacing:-0.02em;}\n.mpv-vi h2{font-size:28px;font-weight:800;color:#111;margin:36px 0 14px;}\n.mpv-vi h3{font-size:1.1rem;font-weight:700;color:#111;margin:22px 0 10px;}\n.mpv-vi p{font-size:16px;color:#444;margin:0 0 14px;line-height:1.8;}\n.mpv-vi strong{color:#111;}\n.mpv-vi a{color:#F9720E;text-decoration:none;}\n.mpv-vi a:hover{text-decoration:underline;}\n.mpv-vi-divider{border:none;border-top:1px solid #EBEBEB;margin:30px 0;}\n.mpv-vi-overview-body{display:block;}\n.mpv-vi-breakdown-table{width:100%;border-collapse:collapse;margin:14px 0 0;border:1px solid #ddd;font-size:0.95rem;}\n.mpv-vi-breakdown-table thead tr{background:#f2f2f2;}\n.mpv-vi-breakdown-table thead td{padding:10px 16px;font-weight:700;color:#333;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}\n.mpv-vi-breakdown-table thead td:last-child{border-right:none;}\n.mpv-vi-breakdown-table tbody tr{border-bottom:1px solid #e8e8e8;}\n.mpv-vi-breakdown-table tbody tr:last-child{border-bottom:none;}\n.mpv-vi-breakdown-table tbody td{padding:11px 16px;vertical-align:middle;border-right:1px solid #e8e8e8;color:#444;}\n.mpv-vi-breakdown-table tbody td:last-child{border-right:none;}\n.mpv-vi-breakdown-table tbody td:first-child{font-weight:700;color:#222;width:36%;}\n.mpv-vi-technique-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 0;}\n.mpv-vi-technique-card{border:1px solid #E8E8E8;border-radius:10px;padding:20px 22px;position:relative;overflow:hidden;}\n.mpv-vi-technique-card::before{content:'';display:block;height:3px;width:100%;background:linear-gradient(90deg,#F9720E,#ff9a4c);position:absolute;top:0;left:0;}\n.mpv-vi-technique-card h3{font-size:0.97rem;font-weight:800;color:#111;margin:4px 0 8px;}\n.mpv-vi-technique-card p{font-size:0.88rem;color:#555;margin:0;line-height:1.7;}\n.mpv-vi-technique-num{font-family:'JetBrains Mono',monospace;font-size:0.7rem;font-weight:700;color:#F9720E;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:4px;}\n.mpv-vi-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 0;}\n.mpv-vi-use-card{background:#f7f7f7;border-radius:10px;padding:18px 18px;border-left:3px solid #F9720E;}\n.mpv-vi-use-card-label{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#F9720E;margin-bottom:6px;}\n.mpv-vi-use-card h3{font-size:0.92rem;font-weight:800;color:#111;margin:0 0 6px;}\n.mpv-vi-use-card p{font-size:0.85rem;color:#555;margin:0;line-height:1.6;}\n.mpv-vi-ul{list-style:none !important;padding:0 !important;margin:14px 0 0 !important;}\n.mpv-vi-ul li{background:#f7f7f7 !important;border-left:3px solid #F9720E !important;padding:12px 18px !important;border-radius:5px !important;margin-bottom:8px !important;font-size:15px !important;list-style:none !important;color:#333 !important;line-height:1.6 !important;}\n.mpv-vi-ul li strong{color:#111 !important;}\n.mpv-vi-quote{border-left:4px solid #F9720E;background:#FFF8F3;padding:20px 22px;border-radius:0 8px 8px 0;margin:14px 0 0;}\n.mpv-vi-quote p{font-size:0.97rem;color:#333;font-style:italic;margin:0 0 10px;line-height:1.8;}\n.mpv-vi-quote cite{display:block;font-size:0.78rem;font-style:normal;font-weight:700;color:#F9720E;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:8px;}\n.mpv-vi-fit-label{display:block;font-size:22px;font-weight:800;color:#111;margin:0 0 14px;line-height:1.3;}\n.mpv-vi-fit-box{background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:22px 26px;}\n.mpv-vi-fit-box p{font-size:16px;color:#444;margin:0 0 14px;line-height:1.8;}\n.mpv-vi-fit-box p:last-child{margin:0;}\n.mpv-vi-search-intro{font-size:0.9rem;color:#666;margin:8px 0 14px;}\n.mpv-vi-search-grid{display:flex !important;flex-wrap:wrap !important;gap:10px 10px;list-style:none !important;padding:0 !important;margin:0 !important;max-height:96px;overflow:hidden;}\n.mpv-vi-search-grid li{display:inline-flex !important;align-items:center !important;padding:7px 15px !important;font-size:0.84rem !important;font-weight:600 !important;color:#E0621A !important;background:#FFF4EE !important;border:1.5px solid #F9720E !important;border-radius:20px !important;list-style:none !important;white-space:nowrap !important;line-height:1 !important;height:34px !important;margin:0 !important;}\n.mpv-vi-quick-take{border-left:4px solid #F9720E;background:#FFF8F3;border-radius:0 10px 10px 0;padding:20px 24px;margin:20px 0;}\n.mpv-vi-qt-label{font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#F9720E;margin-bottom:10px;}\n.mpv-vi-quick-take ul{margin:0;padding-left:0 !important;}\n.mpv-vi-quick-take ul li{font-size:15px;color:#333;margin-bottom:8px;line-height:1.65;background:rgba(249,114,14,0.12);padding:8px 12px;border-radius:6px;list-style:none;}\n.mpv-vi-quick-take ul li strong{color:#111;font-weight:700;}\n.mpv-vi-inline-cta{background:#f7f7f7;border-radius:10px;padding:18px 22px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}\n.mpv-vi-inline-cta p{margin:0;font-size:15px;color:#333;line-height:1.5;flex:1;}\n.mpv-vi-inline-cta a{display:inline-flex;align-items:center;gap:8px;background:#F9720E;color:#fff !important;font-weight:800;font-size:0.88rem;padding:10px 20px;border-radius:50px;text-decoration:none !important;white-space:nowrap;transition:background 0.22s,color 0.22s,box-shadow 0.22s;}\n.mpv-vi-inline-cta a .mpv-vi-btn-arrow{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(255,255,255,0.2);border-radius:50%;font-size:0.78rem;transition:background 0.22s,color 0.22s,transform 0.22s;}\n.mpv-vi-inline-cta a:hover{background:#fff;color:#F9720E !important;box-shadow:inset 0 0 0 2px #F9720E;text-decoration:none !important;}\n.mpv-vi-inline-cta a:hover .mpv-vi-btn-arrow{background:#F9720E;color:#fff;transform:translateX(3px);}\n.vi-micro-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:#FFF8F3;border:1px solid #fde0c5;border-radius:8px;margin-bottom:24px;}\n.vi-micro-cta p{font-size:15px;color:#444;margin:0;line-height:1.5;}\n.vi-micro-cta a{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;background:#F9720E;color:#fff !important;border-radius:6px;font-size:16px;font-weight:700;white-space:nowrap;text-decoration:none !important;transition:background 0.2s,transform 0.15s;}\n.vi-micro-cta a:hover{background:#e0620d;color:#fff !important;transform:translateY(-1px);}\n@media(max-width:768px){.mpv-vi-technique-grid{grid-template-columns:1fr;}.mpv-vi-use-grid{grid-template-columns:1fr 1fr;}.vi-micro-cta{flex-direction:column;align-items:stretch;text-align:center;}}\n@media(max-width:480px){.mpv-vi-search-grid{grid-template-columns:1fr !important;}.mpv-vi-use-grid{grid-template-columns:1fr;}}\n.mpv-vi h2+p::first-letter{font-size:17px;font-weight:800;color:#F9720E;font-family:'Space Grotesk',sans-serif;text-transform:uppercase;}\n<\/style>\n\n<div class='mpv-vi'>\n\n  <div class='vi-micro-cta'>\n    <p>Squarespace blended four visual styles in 36 seconds to show that the platform sells everything. Your brand message could work this hard.<\/p>\n    <a href='https:\/\/mypromovideos.com\/contact\/' title='Build a mixed style brand film like this for your brand'>I Want This for My Brand &#8594;<\/a>\n  <\/div>\n\n  <table class='mpv-vi-breakdown-table'>\n    <thead><tr><td>Category<\/td><td>Details<\/td><\/tr><\/thead>\n    <tbody>\n      <tr><td>Featured Brand<\/td><td>Squarespace<\/td><\/tr>\n      <tr><td>Target Audience<\/td><td>Makers, creators, small business owners, and entrepreneurs evaluating e-commerce and website platforms<\/td><\/tr>\n      <tr><td>Video Style<\/td><td>Mixed Style<\/td><\/tr>\n      <tr><td>Video Type<\/td><td>Brand Film<\/td><\/tr>\n      <tr><td>Video Length<\/td><td>36 seconds<\/td><\/tr>\n      <tr><td>Editing Technique<\/td><td>Fast-cut match transitions between live action, 3D, and motion graphics; UI animation layered over live footage; style shifts tied to product type changes<\/td><\/tr>\n      <tr><td>Sound Design<\/td><td>Energetic music track driving the edit rhythm; sound design supports each visual style transition to maintain momentum through the 36-second runtime<\/td><\/tr>\n    <\/tbody>\n  <\/table>\n\n  <div class='mpv-vi-quote'>\n    <cite>Video Snapshot<\/cite>\n    <p>This 36-second mixed style brand commercial from Squarespace combines live action footage, 3D animation, motion graphics, and interface animation to show makers and creators that the platform supports every kind of product, service, and content sale. It is built for entrepreneurs who need to see platform versatility communicated visually rather than described. After watching, the viewer understands that Squarespace is designed for sellers of any type, not just e-commerce brands.<\/p>\n  <\/div>\n\n  <hr class='mpv-vi-divider'>\n\n  <h2>Video Overview<\/h2>\n  <p>Mixed style SaaS brand commercials work best when the visual diversity itself carries the message. The Squarespace Everything to Sell Something New ad uses exactly this approach. The 36-second mixed style brand commercial layers live action footage, 3D animation, motion graphics, and interface animation into a continuously shifting visual sequence. Each style shift corresponds to a different type of creator or product category that Squarespace supports. Physical products appear in live action. Digital and abstract categories appear in 3D and motion graphics. This visual encoding allows the ad to communicate platform breadth without a single feature list or spoken explanation. For marketing directors studying <a href='https:\/\/mypromovideos.com\/video-inspirations\/' title='B2B video inspiration library'>mixed style video examples<\/a>, this commercial demonstrates how visual style diversity can serve as a strategic communication tool rather than just an aesthetic choice.<\/p>\n  <p>The edit rhythm is the production's most important structural decision. MyPromoVideos highlights this in mixed style briefs: when multiple animation techniques are combined in a short runtime, the edit pace must be fast enough to hold attention but controlled enough that each visual beat registers before the next one arrives. The Squarespace ad achieves this through match cuts between visual styles, which maintain spatial continuity across the transitions and stop the fast edit from feeling chaotic. The 3D elements and motion graphics are produced to the same visual quality standard as the live action footage, which creates a coherent aesthetic even though four different production techniques are present. The UI animation layered over live footage grounds the digital product demonstrations in the physical world of the creator. Browse more <a href='https:\/\/mypromovideos.com\/video-inspirations\/video-category\/mixed-styles\/' title='Mixed style video examples'>mixed style video examples<\/a> to see how other SaaS brands combine visual techniques.<\/p>\n\n  <hr class='mpv-vi-divider'>\n\n  <h2>What Makes This Video Stand Out?<\/h2>\n  <ul class='mpv-vi-ul'>\n    <li><strong>Visual style as the product message:<\/strong> The ad never says Squarespace supports multiple product types. It demonstrates this by shifting visual style with each product category. Live action for physical goods, 3D for digital products, motion graphics for abstract services. The medium is the message in this commercial.<\/li>\n    <li><strong>Match cuts that unify four visual styles:<\/strong> Transitions between live action, 3D, and motion graphics use match cuts that maintain spatial continuity. This prevents the fast edit from feeling chaotic and keeps the viewer oriented despite the constant visual style changes. The continuity of motion holds a diverse set of techniques together.<\/li>\n    <li><strong>UI animation layered over live footage:<\/strong> Interface elements and screen recordings appear over live action shots of creators working. This combination grounds the digital platform in the physical world of the user without requiring a separate dashboard demonstration sequence.<\/li>\n    <li><strong>Consistent brand colour palette across all styles:<\/strong> Despite four different production techniques, the Squarespace brand palette runs through every frame. This colour consistency is what makes a visually diverse ad feel like a single coherent brand statement rather than a sampler reel.<\/li>\n    <li><strong>No voiceover or dialogue carrying the message:<\/strong> The entire message is communicated through visuals, music, and the platform's tagline at the close. This approach relies on visual clarity above all else. It is a confident creative choice that works because the visual coding of each style shift is immediately legible.<\/li>\n  <\/ul>\n\n  <div class='mpv-vi-inline-cta'>\n    <p>Planning a mixed style brand film? MPV produces 3D, live action, and motion graphics campaigns for SaaS and e-commerce brands. Four to six week delivery.<\/p>\n    <a href='https:\/\/mypromovideos.com\/contact\/' title='Get a free estimate for mixed style video production'>Get a Free Estimate <span class='mpv-vi-btn-arrow'>&#8594;<\/span><\/a>\n  <\/div>\n\n  <hr class='mpv-vi-divider'>\n\n  <h2>Steal These 6 Moves for Your Next Video<\/h2>\n  <p>Six production decisions from the Squarespace Everything to Sell ad that mixed style video teams can apply directly to their next brief.<\/p>\n  <div class='mpv-vi-technique-grid'>\n    <div class='mpv-vi-technique-card'><div class='mpv-vi-technique-num'>01<\/div><h3>Style Shifts as Semantic Encoding<\/h3><p>Each visual style in this ad represents a different product category. Live action for physical goods, 3D for digital. If your platform serves multiple buyer types, brief your creative team to assign a distinct visual language to each type rather than describing the categories in voiceover.<\/p><\/div>\n    <div class='mpv-vi-technique-card'><div class='mpv-vi-technique-num'>02<\/div><h3>Match Cuts to Unify Visual Diversity<\/h3><p>The Squarespace ad uses match cuts at every style transition. This maintains spatial continuity and prevents the viewer from feeling disoriented. When combining multiple production techniques in a single edit, plan match cuts at every transition point before shooting begins.<\/p><\/div>\n    <div class='mpv-vi-technique-card'><div class='mpv-vi-technique-num'>03<\/div><h3>UI Animation Over Live Footage<\/h3><p>Interface elements layered over live action shots of real users grounds digital product demonstrations in the physical world. This technique communicates both the human context and the product function simultaneously without needing a separate screen recording sequence.<\/p><\/div>\n    <div class='mpv-vi-technique-card'><div class='mpv-vi-technique-num'>04<\/div><h3>Brand Palette as the Unifying System<\/h3><p>The Squarespace brand colour palette runs through every frame regardless of the visual style used. In a mixed style production, colour consistency is the most reliable tool for making visually diverse content feel like a single coherent brand statement.<\/p><\/div>\n    <div class='mpv-vi-technique-card'><div class='mpv-vi-technique-num'>05<\/div><h3>Music as the Structural Spine<\/h3><p>The music track in this ad is not background atmosphere. It is the structural spine that holds the fast-cut edit together. In a mixed style commercial where visual continuity is difficult to maintain, a single consistent music track is the primary tool for narrative cohesion.<\/p><\/div>\n    <div class='mpv-vi-technique-card'><div class='mpv-vi-technique-num'>06<\/div><h3>Equal Quality Across All Visual Techniques<\/h3><p>The 3D elements, motion graphics, and live action footage in the Squarespace ad are all produced to the same visual quality standard. In mixed style productions, quality disparity between techniques is immediately visible and reads as inconsistency. Brief all teams to match a single quality target.<\/p><\/div>\n  <\/div>\n\n  <hr class='mpv-vi-divider'>\n\n  <h2>When to Use Mixed Style for Your Business Video<\/h2>\n  <p>Mixed style video works when no single production technique can communicate the full range of your brand's message. Speak to a <a href='https:\/\/mypromovideos.com\/explainer-video-production\/' title='B2B video production company'>B2B video production company<\/a> to assess whether a mixed style approach fits your brief and budget.<\/p>\n  <div class='mpv-vi-use-grid'>\n    <div class='mpv-vi-use-card'><div class='mpv-vi-use-card-label'>Best For<\/div><h3>Multi-Use-Case Platform Brands<\/h3><p>When your platform serves multiple product types or buyer segments, mixed style lets each segment see their use case represented without requiring separate ads for each audience.<\/p><\/div>\n    <div class='mpv-vi-use-card'><div class='mpv-vi-use-card-label'>Best For<\/div><h3>Visual Product Range Demonstrations<\/h3><p>Mixed style allows a brand to show physical and digital product types in the same ad by assigning different visual techniques to each, reducing the need for explanatory narration.<\/p><\/div>\n    <div class='mpv-vi-use-card'><div class='mpv-vi-use-card-label'>Best For<\/div><h3>Brand Launches Needing Visual Impact<\/h3><p>The visual dynamism of mixed style production creates immediate attention in a way that single-technique ads cannot. For competitive platform launches, visual complexity signals innovation.<\/p><\/div>\n    <div class='mpv-vi-use-card'><div class='mpv-vi-use-card-label'>Not Recommended For<\/div><h3>Single-Feature Product Demos<\/h3><p>If the brief focuses on a single product feature or workflow, mixed style adds unnecessary complexity. Motion graphics or screencast are more precise and cost-effective for focused demonstrations.<\/p><\/div>\n    <div class='mpv-vi-use-card'><div class='mpv-vi-use-card-label'>Timeline<\/div><h3>Production Duration<\/h3><p>Mixed style productions with live action, 3D, and motion graphics typically take six to eight weeks. Coordinating separate production pipelines for each technique is the most common source of schedule overrun.<\/p><\/div>\n    <div class='mpv-vi-use-card'><div class='mpv-vi-use-card-label'>Not Recommended For<\/div><h3>Brands Without a Defined Visual Identity<\/h3><p>Mixed style requires a strong, consistent brand palette and design system to hold diverse techniques together. Without this foundation, the result feels like a sampler reel rather than a brand statement.<\/p><\/div>\n  <\/div>\n\n  <hr class='mpv-vi-divider'>\n\n  <h2>Why Mixed Style Works for B2B Marketing<\/h2>\n  <p>Mixed style video gives B2B platform brands the visual range to communicate product breadth without explanation or feature listing. The combination of animation and live action meets different buyer types within a single ad, making it one of the most efficient formats for platforms with multiple use cases. See how B2B brands have used this approach in <a href='https:\/\/mypromovideos.com\/case-studies' title='MPV B2B video case studies'>MPV's B2B video case studies<\/a>.<\/p>\n\n  <hr class='mpv-vi-divider'>\n\n  <h2>Production Insight<\/h2>\n  <div class='mpv-vi-quote'>\n    <cite>MPV Production Team: 2,000+ B2B Videos Produced<\/cite>\n    <p>The Squarespace Everything to Sell ad demonstrates that mixed style productions succeed when visual style diversity is given semantic meaning, not just aesthetic variety. When briefing a studio for a mixed style brand commercial, specify which visual technique will represent which audience or product type before the creative brief is written, because that mapping is the foundation of the entire edit structure.<\/p>\n  <\/div>\n\n  <hr class='mpv-vi-divider'>\n\n  <span class='mpv-vi-fit-label'>Is Mixed Style Right for Your Project?<\/span>\n  <div class='mpv-vi-fit-box'>\n    <p>Mixed style is the right format when your brand message cannot be communicated by a single production technique and when your visual identity is strong enough to unify diverse animation styles into a coherent brand statement. If you are weighing format options, read <a href='https:\/\/mypromovideos.com\/blog\/considerations-for-choosing-the-right-explainer-video-company\/' title='How to choose an explainer video company'>how to choose the right explainer video company<\/a> before committing to a production approach.<\/p>\n  <\/div>\n\n  <hr class='mpv-vi-divider'>\n\n  <h2>Related Search Terms<\/h2>\n  <p class='mpv-vi-search-intro'>This mixed style video example is relevant to the following B2B video searches:<\/p>\n  <ul class='mpv-vi-search-grid'>\n    <li>#mixed style SaaS brand ad<\/li>\n    <li>#3D live action motion graphics<\/li>\n    <li>#Squarespace brand film<\/li>\n    <li>#e-commerce brand commercial<\/li>\n    <li>#mixed media brand video production<\/li>\n    <li>#platform brand film maker<\/li>\n    <li>#UI animation live action<\/li>\n    <li>#mixed style B2B video<\/li>\n  <\/ul>\n\n  <hr class='mpv-vi-divider'>\n\n<\/div>\n<!-- END MPV VIDEO AUDIT BLOCK -->","ulz_video_url":"https:\/\/www.youtube.com\/embed\/TjVVJMKPLeA","ulz_listing_type":"801","sub_heading":"See how Squarespace layered 3D product reveals, live action footage, and motion graphics transitions into a 36-second mixed style ad that sells the maker identity.","_sub_heading":"field_67a53374876e3","ulz_collection":"4782","_edit_lock":"","_edit_last":"","preview_video":"","_preview_video":"","upload_video":"","_upload_video":"","post_title":"","_yoast_wpseo_primary_ulz_listing_category":"","_yoast_wpseo_primary_ulz_listing_region":"","_yoast_wpseo_estimated-reading-time-minutes":"","_wp_old_slug":"","_wp_old_date":"","_wp_trash_meta_status":"","_wp_trash_meta_time":"","_wp_desired_post_slug":"","_links":{"self":[{"href":"https:\/\/mypromovideos.com\/video-inspirations\/wp-json\/wp\/v2\/ulz_listing\/9139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mypromovideos.com\/video-inspirations\/wp-json\/wp\/v2\/ulz_listing"}],"about":[{"href":"https:\/\/mypromovideos.com\/video-inspirations\/wp-json\/wp\/v2\/types\/ulz_listing"}],"author":[{"embeddable":true,"href":"https:\/\/mypromovideos.com\/video-inspirations\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/mypromovideos.com\/video-inspirations\/wp-json\/wp\/v2\/comments?post=9139"}],"wp:attachment":[{"href":"https:\/\/mypromovideos.com\/video-inspirations\/wp-json\/wp\/v2\/media?parent=9139"}],"wp:term":[{"taxonomy":"ulz_listing_category","embeddable":true,"href":"https:\/\/mypromovideos.com\/video-inspirations\/wp-json\/wp\/v2\/ulz_listing_category?post=9139"},{"taxonomy":"ulz_listing_region","embeddable":true,"href":"https:\/\/mypromovideos.com\/video-inspirations\/wp-json\/wp\/v2\/ulz_listing_region?post=9139"},{"taxonomy":"ulz_listing_tag","embeddable":true,"href":"https:\/\/mypromovideos.com\/video-inspirations\/wp-json\/wp\/v2\/ulz_listing_tag?post=9139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}