{"id":504,"date":"2024-03-20T09:57:26","date_gmt":"2024-03-20T09:57:26","guid":{"rendered":"http:\/\/www.contentbeta.com\/?page_id=504"},"modified":"2025-07-30T11:35:56","modified_gmt":"2025-07-30T11:35:56","slug":"design-portfolio","status":"publish","type":"page","link":"https:\/\/www.contentbeta.com\/design-portfolio\/","title":{"rendered":"Design Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"504\" class=\"elementor elementor-504\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-6a7c34d elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"66473\" data-id=\"6a7c34d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1842012\" data-eae-slider=\"40570\" data-id=\"1842012\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-c6f453c elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"23407\" data-id=\"c6f453c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-0b1b45e\" data-eae-slider=\"74164\" data-id=\"0b1b45e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6f44294 elementor-widget elementor-widget-heading\" data-id=\"6f44294\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Design Portfolio<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18e0caf elementor-widget elementor-widget-text-editor\" data-id=\"18e0caf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tOn-brand. Scroll-stopping. High-performing\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-357e2b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"17720\" data-id=\"357e2b3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f7b6412\" data-eae-slider=\"20632\" data-id=\"f7b6412\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-378489e elementor-widget elementor-widget-html\" data-id=\"378489e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"container\">\r\n   <div class=\"gallery\" id=\"gallery\">\r\n      <!-- Card 10 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Nectar<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Motion UI<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Nectar.gif\" alt=\"Nectar\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 17 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Wrk<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Static Ad Creative<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Wrk.webp\" alt=\"Wrk\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 15 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Clari<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Static Ad Creative<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Clari.webp\" alt=\"Clari\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 9 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">OneMagnify<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Social Media Graphics<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/OneMagnify.gif\" alt=\"OneMagnify\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 11 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Guardz<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Social Media Graphics<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Gaurdz.gif\" alt=\"Gaurdz\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 16 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Abbyy<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Static Ad Creative<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Abbby.webp\" alt=\"Abbby\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 14 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Coast<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Static Ad Creative<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Coast.webp\" alt=\"Coast\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 6 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">CalypsoAI<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Adaptation<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/CalypsoAI.gif\" alt=\"Calypso AI\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 5 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Tailwind<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Adaptation<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Tailwind.gif\" alt=\"Tailwind\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 21 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Pitch<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Static Ad Creative<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Pitch.webp\" alt=\"Pitch\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 19 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Spellbook<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Static Ad Creative<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Spellbook.webp\" alt=\"Spellbook\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 1 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Searce<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Whitepaper<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Searce.gif\" alt=\"Searce\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 12 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Accelo<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Motion UI<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Accelo.gif\" alt=\"Accelo\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 13 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Guardz<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Banners<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Guardz.webp\" alt=\"Guardz\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 7 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Clear Data<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Presentation Design<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Clear-data.gif\" alt=\"Clear Data\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 2 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Onymos<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Presentation Design<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Onymos-Deck.gif\" alt=\"Onymos Deck\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 3 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Callhippo<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Website Design<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Callhippo.gif\" alt=\"Callhippo\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 8 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">DAT<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">eBook Design<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/DAT.gif\" alt=\"DAT\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 18 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Tiretutor<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Banners<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Tiretutor.webp\" alt=\"Tiretutor\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 4 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Thales<\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Landing Page Design<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Thales.gif\" alt=\"Thales\" class=\"card-img\">\r\n      <\/div>\r\n      <!-- Card 20 -->\r\n      <div class=\"card\">\r\n         <div class=\"card-content\">\r\n            <h3 class=\"card-title\">Saviynt <\/h3>\r\n            <div class=\"card-tags\">\r\n               <span class=\"tag\">Infographics<\/span>\r\n            <\/div>\r\n         <\/div>\r\n         <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Saviant.webp\" alt=\"Saviant\" class=\"card-img\">\r\n      <\/div>\r\n   <\/div>\r\n   <button class=\"load-more\" id=\"load-more\">Load More<\/button>\r\n<\/div>\r\n<style>\r\n   .gallery {\r\n       display: grid;\r\n       grid-template-columns: repeat(2, 1fr);\r\n       gap: 25px;\r\n       margin-bottom: 40px;\r\n   }\r\n   \r\n   .card {\r\n       padding: 20px;\r\n       background: rgba(255, 255, 255, 0.1);\r\n       border-radius: 10px;\r\n       overflow: hidden;\r\n       transition: all 0.3s ease;\r\n       box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\r\n       backdrop-filter: blur(10px);\r\n       display: flex;\r\n       flex-direction: column;\r\n       height: 100%;\r\n   }\r\n   \r\n   .card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);\r\n        background: rgba(255, 255, 255, 0.15);\r\n    }\r\n   \r\n   .card-img {\r\n       height: 200px;\r\n       width: 100%;\r\n       object-fit: cover;\r\n       border-bottom: 2px solid rgba(255,255,255,0.1);\r\n       border-radius: 10px !important;\r\n   }\r\n   \r\n   .card-content {\r\n       flex-grow: 1;\r\n       display: flex;\r\n       flex-direction: column;\r\n   }\r\n   \r\n   .card-title {\r\n       font-family: 'Roboto', sans-serif !important;\r\n       color: #000 !important;\r\n       font-size: 14px !important;\r\n       font-weight: 600 !important;\r\n       margin-bottom: 12px;\r\n       text-transform: uppercase;\r\n       letter-spacing: 0.1em;\r\n       line-height: 1.5 !important;\r\n   }\r\n   \r\n   .card-tags {\r\n       display: flex;\r\n       flex-wrap: wrap;\r\n       gap: 8px;\r\n       margin-bottom: 15px;\r\n   }\r\n   \r\n   .tag {\r\n       color: rgb(136,136,136);\r\n       font-family: 'Roboto', Sans-Serif;\r\n       background: #f3f7ff;\r\n       padding: 5px 10px;\r\n       border-radius: 8px;\r\n       font-size: 13px;\r\n       font-weight: 300;\r\n   }\r\n   \r\n   .load-more {\r\n       display: block;\r\n       margin: 30px auto;\r\n       padding: 5px 25px;\r\n       background: rgba(255, 255, 255, 0.15);\r\n       color: white;\r\n       border: none;\r\n       border-radius: 50px !important;\r\n       font-size: 17px !important;\r\n       font-weight: 400 !important;\r\n       cursor: pointer;\r\n       transition: all 0.3s ease;\r\n       backdrop-filter: blur(10px);\r\n       box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n   }\r\n   \r\n   .load-more:hover {\r\n       background: rgba(255, 255, 255, 0.25) !important;\r\n       transform: translateY(-3px);\r\n       box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);\r\n   }\r\n   \r\n   .load-more:focus:not(:focus-visible) {\r\n        outline: none !important;\r\n        background: #C35DE3 !important;\r\n        color: #fff !important;\r\n    }\r\n   \r\n   @media (max-width: 900px) {\r\n       .gallery {\r\n           grid-template-columns: 1fr;\r\n       }\r\n   }\r\n   \r\n   @media (max-width: 600px) {\r\n       select {\r\n           width: 100%;\r\n       }\r\n   }\r\n<\/style>\r\n<script>\r\n   \/\/ DOM elements\r\n   \r\n   const gallery = document.getElementById('gallery');\r\n   \r\n   const loadMoreBtn = document.getElementById('load-more');\r\n   \r\n   \r\n   \r\n   \/\/ State variables\r\n   \r\n   let displayedCount = 6; \/\/ Show 6 initial cards\r\n   \r\n   const cards = document.querySelectorAll('.card');\r\n   \r\n   \r\n   \r\n   \/\/ Initialize the gallery\r\n   \r\n   function initGallery() {\r\n   \r\n     setupEventListeners();\r\n   \r\n     hideExtraCards();\r\n   \r\n   }\r\n   \r\n   \r\n   \r\n   \/\/ Hide extra cards beyond the initial 6\r\n   \r\n   function hideExtraCards() {\r\n   \r\n     cards.forEach((card, index) => {\r\n   \r\n       if (index >= displayedCount) {\r\n   \r\n         card.style.display = 'none';\r\n   \r\n       }\r\n   \r\n     });\r\n   \r\n      \r\n   \r\n     updateLoadMoreButton();\r\n   \r\n   }\r\n   \r\n   \r\n   \r\n   \/\/ Update load more button visibility\r\n   \r\n   function updateLoadMoreButton() {\r\n   \r\n     const visibleCards = Array.from(cards).filter(card => card.style.display !== 'none').length;\r\n   \r\n     const totalCards = cards.length;\r\n   \r\n      \r\n   \r\n     loadMoreBtn.style.display = visibleCards < totalCards ? 'block' : 'none';\r\n   \r\n   }\r\n   \r\n   \r\n   \r\n   \/\/ Load more items\r\n   \r\n   function loadMore() {\r\n   \r\n     \/\/ Show up to 6 more cards\r\n   \r\n     const hiddenCards = Array.from(cards).filter(card => card.style.display === 'none');\r\n   \r\n      \r\n   \r\n     for (let i = 0; i < Math.min(6, hiddenCards.length); i++) {\r\n   \r\n       hiddenCards[i].style.display = 'flex';\r\n   \r\n     }\r\n   \r\n      \r\n   \r\n     updateLoadMoreButton();\r\n   \r\n   }\r\n   \r\n   \r\n   \r\n   \/\/ Set up event listeners\r\n   \r\n   function setupEventListeners() {\r\n   \r\n     loadMoreBtn.addEventListener('click', loadMore);\r\n   \r\n   }\r\n   \r\n   \r\n   \r\n   \/\/ Initialize the gallery when page loads\r\n   \r\n   window.addEventListener('DOMContentLoaded', initGallery);\r\n   \r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Design Portfolio On-brand. Scroll-stopping. High-performing Nectar Motion UI Wrk Static Ad Creative Clari Static Ad Creative OneMagnify Social Media Graphics Guardz Social Media Graphics Abbyy Static Ad Creative Coast Static Ad Creative CalypsoAI Adaptation Tailwind Adaptation Pitch Static Ad Creative Spellbook Static Ad Creative Searce Whitepaper Accelo Motion UI Guardz Banners Clear Data Presentation Design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":22288,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-504","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Portfolio | Ad Creatives, Product Visuals &amp; Websites<\/title>\n<meta name=\"description\" content=\"Designs Work crafted for 200+ SaaS &amp; AI brands. From ad creatives, web visuals &amp; more. Fast, on-brand content without bottlenecks.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.contentbeta.com\/design-portfolio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Portfolio | Ad Creatives, Product Visuals &amp; Websites\" \/>\n<meta property=\"og:description\" content=\"Designs Work crafted for 200+ SaaS &amp; AI brands. From ad creatives, web visuals &amp; more. Fast, on-brand content without bottlenecks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.contentbeta.com\/design-portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"Content Beta\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-30T11:35:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.contentbeta.com\/design-portfolio\/\",\"url\":\"https:\/\/www.contentbeta.com\/design-portfolio\/\",\"name\":\"Design Portfolio | Ad Creatives, Product Visuals & Websites\",\"isPartOf\":{\"@id\":\"https:\/\/www.contentbeta.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.contentbeta.com\/design-portfolio\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.contentbeta.com\/design-portfolio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp\",\"datePublished\":\"2024-03-20T09:57:26+00:00\",\"dateModified\":\"2025-07-30T11:35:56+00:00\",\"description\":\"Designs Work crafted for 200+ SaaS & AI brands. From ad creatives, web visuals & more. Fast, on-brand content without bottlenecks.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.contentbeta.com\/design-portfolio\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.contentbeta.com\/design-portfolio\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.contentbeta.com\/design-portfolio\/#primaryimage\",\"url\":\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp\",\"contentUrl\":\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.contentbeta.com\/design-portfolio\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.contentbeta.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Portfolio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.contentbeta.com\/#website\",\"url\":\"https:\/\/www.contentbeta.com\/\",\"name\":\"Content Beta\",\"description\":\"Design &amp; Video Production Agency for B2B Tech\",\"publisher\":{\"@id\":\"https:\/\/www.contentbeta.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.contentbeta.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.contentbeta.com\/#organization\",\"name\":\"Content Beta\",\"url\":\"https:\/\/www.contentbeta.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.contentbeta.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/03\/Contentbeta-new-logos.svg\",\"contentUrl\":\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/03\/Contentbeta-new-logos.svg\",\"width\":3165,\"height\":1042,\"caption\":\"Content Beta\"},\"image\":{\"@id\":\"https:\/\/www.contentbeta.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Portfolio | Ad Creatives, Product Visuals & Websites","description":"Designs Work crafted for 200+ SaaS & AI brands. From ad creatives, web visuals & more. Fast, on-brand content without bottlenecks.","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:\/\/www.contentbeta.com\/design-portfolio\/","og_locale":"en_US","og_type":"article","og_title":"Design Portfolio | Ad Creatives, Product Visuals & Websites","og_description":"Designs Work crafted for 200+ SaaS & AI brands. From ad creatives, web visuals & more. Fast, on-brand content without bottlenecks.","og_url":"https:\/\/www.contentbeta.com\/design-portfolio\/","og_site_name":"Content Beta","article_modified_time":"2025-07-30T11:35:56+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.contentbeta.com\/design-portfolio\/","url":"https:\/\/www.contentbeta.com\/design-portfolio\/","name":"Design Portfolio | Ad Creatives, Product Visuals & Websites","isPartOf":{"@id":"https:\/\/www.contentbeta.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.contentbeta.com\/design-portfolio\/#primaryimage"},"image":{"@id":"https:\/\/www.contentbeta.com\/design-portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp","datePublished":"2024-03-20T09:57:26+00:00","dateModified":"2025-07-30T11:35:56+00:00","description":"Designs Work crafted for 200+ SaaS & AI brands. From ad creatives, web visuals & more. Fast, on-brand content without bottlenecks.","breadcrumb":{"@id":"https:\/\/www.contentbeta.com\/design-portfolio\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.contentbeta.com\/design-portfolio\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.contentbeta.com\/design-portfolio\/#primaryimage","url":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp","contentUrl":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.contentbeta.com\/design-portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.contentbeta.com\/"},{"@type":"ListItem","position":2,"name":"Design Portfolio"}]},{"@type":"WebSite","@id":"https:\/\/www.contentbeta.com\/#website","url":"https:\/\/www.contentbeta.com\/","name":"Content Beta","description":"Design &amp; Video Production Agency for B2B Tech","publisher":{"@id":"https:\/\/www.contentbeta.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.contentbeta.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.contentbeta.com\/#organization","name":"Content Beta","url":"https:\/\/www.contentbeta.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.contentbeta.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/03\/Contentbeta-new-logos.svg","contentUrl":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/03\/Contentbeta-new-logos.svg","width":3165,"height":1042,"caption":"Content Beta"},"image":{"@id":"https:\/\/www.contentbeta.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/pages\/504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":35,"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/pages\/504\/revisions"}],"predecessor-version":[{"id":40175,"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/pages\/504\/revisions\/40175"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/media\/22288"}],"wp:attachment":[{"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/media?parent=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}