{"id":27085,"date":"2015-07-30T09:00:06","date_gmt":"2015-07-30T16:00:06","guid":{"rendered":"http:\/\/webdesignledger.com\/?p=27085"},"modified":"2015-07-28T22:29:40","modified_gmt":"2015-07-29T05:29:40","slug":"30-modern-video-backgrounds-webdesign","status":"publish","type":"post","link":"https:\/\/webdesignledger.com\/30-modern-video-backgrounds-webdesign\/","title":{"rendered":"30 Relevant Design Examples of Video Backgrounds"},"content":{"rendered":"<p>It&#8217;s often the little details that really take a layout from good to amazing. Button styles and colors aren&#8217;t enough &#8211; you have to consider the value of icons, photos, and definitely videos. Background elements can add depth and layering to an otherwise simplistic design.<\/p>\n<p><!--more--><\/p>\n<p>Video backgrounds are insanely popular now that video recording is much more commonplace. But not every video can work as a background &#8211; you have to consider how a video fits into the website&#8217;s overall theme. <a href=\"http:\/\/webdesignledger.com\/trends-2\/best-practices-for-fullscreen-backgrounds\">Video background techniques<\/a> can also vary based on certain libraries and their level of browser support.<\/p>\n<p>The following examples showcase the most interesting and relevant video backgrounds in modern web design. These are perfect for new or experienced designers who want to understand more about the fundamental design concepts behind video BGs for the web.<\/p>\n<h3><a href=\"http:\/\/dsnmfg.com\/\">DSN X MFG<\/a><\/h3>\n<p><a href=\"http:\/\/dsnmfg.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/01-dsn-x-mfg-design-manufacturing.jpg\" alt=\"design and manufacturing agency\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/01-dsn-x-mfg-design-manufacturing.jpg\" alt=\"design and manufacturing agency\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.digitaltutors.com\/\">Digital Tutors<\/a><\/h3>\n<p><a href=\"http:\/\/www.digitaltutors.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/02-digital-tutors-background-video.jpg\" alt=\"digital tutors elearning video bg\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/02-digital-tutors-background-video.jpg\" alt=\"digital tutors elearning video bg\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/urbaninfluence.com\/\">Urban Influence<\/a><\/h3>\n<p><a href=\"http:\/\/urbaninfluence.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/03-urban-influence-video-bg-website.jpg\" alt=\"urban influence video background\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/03-urban-influence-video-bg-website.jpg\" alt=\"urban influence video background\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.bobwassermann.me\/\">Bob Wassermann<\/a><\/h3>\n<p><a href=\"http:\/\/www.bobwassermann.me\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/04-bob-wasserman-website.jpg\" alt=\"freelance bob wassermann website\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/04-bob-wasserman-website.jpg\" alt=\"freelance bob wassermann website\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/fresh-design.com.ua\/en\">Fresh Design Studio<\/a><\/h3>\n<p><a href=\"http:\/\/fresh-design.com.ua\/en\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/05-fresh-design-website-background-video.jpg\" alt=\"fresh design agency studio website\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/05-fresh-design-website-background-video.jpg\" alt=\"fresh design agency studio website\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.powerhouse-company.com\/\">Powerhouse Company<\/a><\/h3>\n<p><a href=\"http:\/\/www.powerhouse-company.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/06-powerhouse-company-video-bg-architecture.jpg\" alt=\"powerhouse company website design video\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/06-powerhouse-company-video-bg-architecture.jpg\" alt=\"powerhouse company website design video\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/purplerockscissors.com\/\">Purple Rock Scissors<\/a><\/h3>\n<p><a href=\"http:\/\/purplerockscissors.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/07-prpl-purple-rock-scissors.jpg\" alt=\"purple rock scissors agency\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/07-prpl-purple-rock-scissors.jpg\" alt=\"purple rock scissors agency\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.brindisatapaskitchens.com\/\">Brindisa Tapas Kitchen<\/a><\/h3>\n<p><a href=\"http:\/\/www.brindisatapaskitchens.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/08-brindisa-tapas-kitchen-video-bg.jpg\" alt=\"brindisa kitchen video background restaurant\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/08-brindisa-tapas-kitchen-video-bg.jpg\" alt=\"brindisa kitchen video background restaurant\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/panoptiqm.com\/\">Panoptiqm<\/a><\/h3>\n<p><a href=\"http:\/\/panoptiqm.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/09-panoptiqm-website-video-bg-selling.jpg\" alt=\"panoptiqm video bg\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/09-panoptiqm-website-video-bg-selling.jpg\" alt=\"panoptiqm video bg\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/activetheory.net\/\">Active Theory<\/a><\/h3>\n<p><a href=\"http:\/\/activetheory.net\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/10-active-theory-creative-design-agency.jpg\" alt=\"active theory creative design agency\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/10-active-theory-creative-design-agency.jpg\" alt=\"active theory creative design agency\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/weareadaptable.com\/\">Adaptable<\/a><\/h3>\n<p><a href=\"http:\/\/weareadaptable.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/11-adaptable-digital-agency-birmingham.jpg\" alt=\"adaptable digital video agency homepage\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/11-adaptable-digital-agency-birmingham.jpg\" alt=\"adaptable digital video agency homepage\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.axematteeffect.us\/\">Axe Matte Effect<\/a><\/h3>\n<p><a href=\"http:\/\/www.axematteeffect.us\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/12-axe-matte-effect-video-background.jpg\" alt=\"axe matte effect video background\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/12-axe-matte-effect-video-background.jpg\" alt=\"axe matte effect video background\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/studiopie.co\/\">Studio Pie<\/a><\/h3>\n<p><a href=\"http:\/\/studiopie.co\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/13-providence-rhode-island-pie-studio.jpg\" alt=\"studio pie design bg video\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/13-providence-rhode-island-pie-studio.jpg\" alt=\"studio pie design bg video\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.winshape.org\/camps\/\">WinShape Camps<\/a><\/h3>\n<p><a href=\"http:\/\/www.winshape.org\/camps\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/14-winshape-camps-website-video-background.jpg\" alt=\"winshape camps video bg effect\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/14-winshape-camps-website-video-background.jpg\" alt=\"winshape camps video bg effect\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/monsorro.ru\/\">Monsorro<\/a><\/h3>\n<p><a href=\"http:\/\/monsorro.ru\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/15-monsorro-website-design-inspiration.jpg\" alt=\"monsorr design website homepage\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/15-monsorro-website-design-inspiration.jpg\" alt=\"monsorr design website homepage\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/designmodo.com\/startup\">Designmodo Startup<\/a><\/h3>\n<p><a href=\"http:\/\/designmodo.com\/startup\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/16-designmodo-startup-video-bg-design.jpg\" alt=\"designmodo startup video bg\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/16-designmodo-startup-video-bg-design.jpg\" alt=\"designmodo startup video bg\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"https:\/\/www.geckoboard.com\/\">Geckoboard<\/a><\/h3>\n<p><a href=\"https:\/\/www.geckoboard.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/17-geckoboard-video-background-inspiration.jpg\" alt=\"geckoboard background video design\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/17-geckoboard-video-background-inspiration.jpg\" alt=\"geckoboard background video design\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"https:\/\/obakkifoundation.org\/\">The Obakki Foundation<\/a><\/h3>\n<p><a href=\"https:\/\/obakkifoundation.org\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/18-obakki-foundation-video-background.jpg\" alt=\"obakki foundation video bg\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/18-obakki-foundation-video-background.jpg\" alt=\"obakki foundation video bg\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"https:\/\/acunity-unite.com\/\">Acunity Unite<\/a><\/h3>\n<p><a href=\"https:\/\/acunity-unite.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/19-acunity-unite-website-dynamic-effect.jpg\" alt=\"acunity unite dynamic website\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/19-acunity-unite-website-dynamic-effect.jpg\" alt=\"acunity unite dynamic website\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.croptheblock.com\/\">Crop the Block<\/a><\/h3>\n<p><a href=\"http:\/\/www.croptheblock.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/20-crop-the-block-video-background.jpg\" alt=\"crop the block video background\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/20-crop-the-block-video-background.jpg\" alt=\"crop the block video background\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/demodern.com\/\">Demodern<\/a><\/h3>\n<p><a href=\"http:\/\/demodern.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/21-demodern-website-background-video-agency.jpg\" alt=\"demodern digital agency website\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/21-demodern-website-background-video-agency.jpg\" alt=\"demodern digital agency website\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.dadaabstories.org\/\">Dadaab Stories<\/a><\/h3>\n<p><a href=\"http:\/\/www.dadaabstories.org\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/22-dadaab-stories-video-background-design.jpg\" alt=\"dadaab stories video background effect\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/22-dadaab-stories-video-background-design.jpg\" alt=\"dadaab stories video background effect\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/projectskinmd.com\/\">Project Skin<\/a><\/h3>\n<p><a href=\"http:\/\/projectskinmd.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/23-project-skin-vancouver-website-video-bg.jpg\" alt=\"project skin vancouver website video bg\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/23-project-skin-vancouver-website-video-bg.jpg\" alt=\"project skin vancouver website video bg\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/moodboard-film.de\/\">Moodboard<\/a><\/h3>\n<p><a href=\"http:\/\/moodboard-film.de\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/24-film-production-moodboard-germany-agency.jpg\" alt=\"mood board film manufacturing studio\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/24-film-production-moodboard-germany-agency.jpg\" alt=\"mood board film manufacturing studio\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/hlkagency.com\/\">HLK Agency<\/a><\/h3>\n<p><a href=\"http:\/\/hlkagency.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/25-hlk-video-background-design-inspiration.jpg\" alt=\"hlk agency video bg hughes leahy karlovic\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/25-hlk-video-background-design-inspiration.jpg\" alt=\"hlk agency video bg hughes leahy karlovic\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/24hoursofhappy.com\/\">24 Hours of Happy<\/a><\/h3>\n<p><a href=\"http:\/\/24hoursofhappy.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/26-twenty-four-hours-of-video.jpg\" alt=\"24 hours of happy website video\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/26-twenty-four-hours-of-video.jpg\" alt=\"24 hours of happy website video\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/louisansa.com\/\">Louis Ansa<\/a><\/h3>\n<p><a href=\"http:\/\/louisansa.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/27-louis-ansa-interactive-design-portfolio.jpg\" alt=\"louis ansa interactive portfolio\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/27-louis-ansa-interactive-design-portfolio.jpg\" alt=\"louis ansa interactive portfolio\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/buildfilms.ca\/\">Build Films<\/a><\/h3>\n<p><a href=\"http:\/\/buildfilms.ca\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/28-build-films-website-homepage-layout.jpg\" alt=\"build films website design video\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/28-build-films-website-homepage-layout.jpg\" alt=\"build films website design video\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/getpushreel.com\/\">Pushreel<\/a><\/h3>\n<p><a href=\"http:\/\/getpushreel.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/29-pushreel-video-background-design.jpg\" alt=\"pushreel custom video background footage\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/29-pushreel-video-background-design.jpg\" alt=\"pushreel custom video background footage\" \/><\/noscript><\/a><\/p>\n<h3><a href=\"http:\/\/www.kalexiko.com\/\">Kalexiko<\/a><\/h3>\n<p><a href=\"http:\/\/www.kalexiko.com\/\"><img decoding=\"async\" data-src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/30-kalexiko-agency-website-design-homepage.jpg\" alt=\"kalexiko design agency homepage\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/05\/30-kalexiko-agency-website-design-homepage.jpg\" alt=\"kalexiko design agency homepage\" \/><\/noscript><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s often the little details that really take a layout from good to amazing. Button styles and colors aren&#8217;t enough &#8211; you have to consider the value of icons, photos, and definitely videos. Background elements can add depth and layering to an otherwise simplistic design.<\/p>\n","protected":false},"author":983,"featured_media":27086,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[480,3,481],"tags":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/27085"}],"collection":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/users\/983"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/comments?post=27085"}],"version-history":[{"count":0,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/27085\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media\/27086"}],"wp:attachment":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media?parent=27085"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/categories?post=27085"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/tags?post=27085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}