{"id":4,"date":"2023-07-18T18:05:14","date_gmt":"2023-07-18T18:05:14","guid":{"rendered":"https:\/\/theme.co\/web-design-magic\/?page_id=4"},"modified":"2026-03-19T13:50:26","modified_gmt":"2026-03-19T13:50:26","slug":"home","status":"publish","type":"page","link":"https:\/\/theme.co\/web-design-magic\/","title":{"rendered":"Home"},"content":{"rendered":"<div id=\"cs-content\" class=\"cs-content\"><div class=\"x-section e4-e1 m4-0 m4-1 m4-2\"><div class=\"x-bg\" aria-hidden=\"true\"><div class=\"x-bg-layer-lower-image\" data-x-element-bg-layer=\"{&quot;parallaxSize&quot;:&quot;130%&quot;,&quot;parallaxDir&quot;:&quot;v&quot;,&quot;parallaxRev&quot;:false}\"><\/div><div class=\"x-bg-layer-upper-color\"><\/div><\/div><div class=\"x-row x-container max width e4-e2 m4-j m4-k m4-l m4-m m4-n m4-w m4-x\"><div class=\"x-row-inner\"><div class=\"x-col e4-e3 m4-16 m4-17 m4-18 m4-19 m4-1a m4-1b m4-1c m4-1d\"><div class=\"x-div e4-e4 m4-1m m4-1n m4-1o m4-1p m4-1q m4-1r m4-1s m4-1t m4-1u m4-1v m4-7 m4-8 x-effect-exit\" data-x-effect=\"{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}\"><div class=\"x-text x-text-headline e4-e5 m4-2e m4-2f m4-2g m4-2h m4-2i m4-2j m4-2k m4-2l m4-2m\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">COURSE &amp; Expansion Pack<\/span>\n<\/div><\/div><\/div><hr class=\"x-line e4-e6 m4-30 m4-31 m4-32 m4-33\"\/><\/div><div class=\"x-text x-text-headline e4-e7 m4-2f m4-2g m4-2h m4-2l m4-2m m4-2n m4-2o m4-2p m4-2q m4-8 m4-9 headline-gradient x-effect-exit\" data-x-effect=\"{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}\"><div class=\"x-text-content\"><div class=\"x-text-content-text\">\n<h1 class=\"x-text-content-text-primary\">WEB DESIGN MAGIC<\/h1><\/div><\/div><\/div><div class=\"x-text x-content e4-e8 m4-36 m4-37 m4-38 m4-39 m4-3a m4-3b m4-8 m4-a x-effect-exit\" data-x-effect=\"{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}\"><p>Done right, design systems can be down right magic. Ignore them, and you&rsquo;re probably going to&nbsp;<em><u>hate<\/u><\/em> working on your website. In WDM you'll learn exactly how they work, why they are so critical and (most importantly) how to build your own.<\/p><\/div><a class=\"x-anchor x-anchor-button has-graphic e4-e9 m4-3s m4-3t m4-8 m4-b x-effect-exit\" tabindex=\"0\" href=\"#pricing\" data-x-effect=\"{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}\"><div class=\"x-anchor-content\"><span class=\"x-graphic\" aria-hidden=\"true\"><span class=\"x-icon x-graphic-child x-graphic-icon x-graphic-primary\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\/><\/svg><\/span><\/span><div class=\"x-anchor-text\"><span class=\"x-anchor-text-primary\">Get Started<\/span><\/div><\/div><\/a><\/div><div class=\"x-col e4-e10 m4-16 m4-17 m4-18 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1f\"><span class=\"x-image e4-e11 m4-3z m4-40 m4-c\" id=\"wdm-rings\"><img decoding=\"async\" src=\"https:\/\/theme.co\/app\/uploads\/sites\/13\/2023\/07\/themeco-wdm-atom-rings-01.2.png\" width=\"490\" height=\"540\" alt=\"Web Design Magic Atom\" loading=\"lazy\"><\/span><div class=\"x-div e4-e12 m4-1q m4-1r m4-1u m4-1v m4-1w m4-1x\"><span class=\"x-image e4-e13 m4-3z m4-40 m4-c\" id=\"wdm-atom\"><img decoding=\"async\" src=\"https:\/\/theme.co\/app\/uploads\/sites\/13\/2023\/07\/themeco-wdm-atom-01.1.png\" width=\"90\" height=\"90\" alt=\"Image\" loading=\"lazy\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"x-section e4-e14 m4-0 m4-2 m4-3 m4-4\"><div class=\"x-bg\" aria-hidden=\"true\"><div class=\"x-bg-layer-lower-image\"><\/div><div class=\"x-bg-layer-upper-color\"><\/div><\/div><div class=\"x-div x-container max width e4-e15 m4-1q m4-1r m4-1v m4-1y m4-1z m4-20 m4-21\"><div class=\"x-frame x-frame-video-player e4-e16 m4-47 m4-48\"><div class=\"x-frame-inner\"><div class=\"x-video x-video-player vimeo\" data-x-element-mejs=\"{&quot;poster&quot;:&quot;80:full&quot;,&quot;options&quot;:{&quot;pause_out_of_view&quot;:false}}\"><video class=\"x-mejs\" poster=\"https:\/\/theme.co\/app\/uploads\/sites\/13\/2023\/07\/themeco-web-design-magic-thumbnail.jpg\" preload=\"metadata\" options=\"\"><source src=\"https:\/\/player.vimeo.com\/video\/782186007?controls=0\" type=\"video\/vimeo\"><\/video><\/div><\/div><\/div><\/div><div class=\"x-div x-container max width e4-e17 m4-1q m4-1r m4-1s m4-1u m4-1v m4-20 m4-21\"><div class=\"x-text x-text-headline e4-e18 m4-2f m4-2g m4-2h m4-2m m4-2n m4-2o m4-2q m4-2r m4-2s\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><h2 class=\"x-text-content-text-primary\">What is web design magic?<\/h2>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e19 m4-37 m4-38 m4-39 m4-3a m4-3c m4-3d m4-3e m4-3f\"><p>Web Design Magic is an extensive course that covers key professional design principles, tools, knowledge and expertise taught by the legendary Kory Wakefield. Build better websites. Make more money. It's that simple.&nbsp;<\/p><\/div><\/div><div class=\"x-row e4-e20 m4-j m4-l m4-o m4-p m4-q m4-y m4-z\"><div class=\"x-row-inner\"><div class=\"x-col e4-e21 m4-16 m4-17 m4-18 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1f\"><span class=\"x-image e4-e22 m4-3z m4-40 m4-41\"><img decoding=\"async\" src=\"https:\/\/theme.co\/app\/uploads\/sites\/13\/2023\/07\/themeco-web-design-magic.jpg\" width=\"540\" height=\"540\" alt=\"Web Design Magic Type Systems\" loading=\"lazy\"><\/span><\/div><div class=\"x-col e4-e23 m4-1a m4-1b m4-1d m4-1g m4-1h\"><div class=\"x-text x-text-headline e4-e24 m4-2f m4-2g m4-2h m4-2j m4-2n m4-2q m4-2s m4-2t m4-2u m4-2v\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">The Course<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e25 m4-36 m4-37 m4-38 m4-3a m4-3g m4-3h\"><p>Learn the origins and purpose of design systems, the techniques for structuring color styles and type scales, the techniques for mapping in components &amp; parameters &ndash; and so much more in this definitive guide for website builders of all skill levels.<\/p><\/div><\/div><\/div><\/div><div class=\"x-row e4-e26 m4-j m4-o m4-p m4-r m4-y m4-10\"><div class=\"x-row-inner\"><div class=\"x-col e4-e27 m4-16 m4-17 m4-18 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1f\"><span class=\"x-image e4-e28 m4-3z m4-40 m4-42\"><img decoding=\"async\" src=\"https:\/\/theme.co\/app\/uploads\/sites\/13\/2023\/07\/kory.jpg\" width=\"500\" height=\"500\" alt=\"Web Design Magic instructor Kory Wakefield\" loading=\"lazy\"><\/span><\/div><div class=\"x-col e4-e29 m4-1a m4-1b m4-1d m4-1g m4-1h\"><div class=\"x-text x-text-headline e4-e30 m4-2f m4-2g m4-2h m4-2j m4-2n m4-2q m4-2s m4-2t m4-2u m4-2v\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">THe Instructor<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e31 m4-36 m4-37 m4-38 m4-3a m4-3g m4-3h\"><p>Kory Wakefield is a developer's developer in every sense of the word. His first major project went on to become ThemeForest's fastest selling theme of all time. His handiwork is the backbone to the websites of hundreds of thousands from across the globe. Combining the thoughtfulness of an engineer with the teaching ability of a tenured professor, Kory takes you by the hand to show you the systems and tools needed to build better, faster, and more beautiful websites. WDM is great for all skill levels &ndash; especially those who want to build like the big boys (and girls). No prior experience needed, but be ready to learn!<\/p><\/div><\/div><\/div><\/div><\/div><div class=\"x-section e4-e32 m4-0 m4-3 m4-5\"><div class=\"x-div x-container max width e4-e33 m4-1q m4-1r m4-1s m4-1u m4-1v m4-20 m4-22\"><div class=\"x-text x-text-headline e4-e34 m4-2f m4-2g m4-2h m4-2m m4-2n m4-2o m4-2q m4-2r m4-2s\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><h2 class=\"x-text-content-text-primary\">Level up your design systems<\/h2>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e35 m4-37 m4-38 m4-39 m4-3a m4-3c m4-3d m4-3e m4-3f\"><p>Everything you need to start building better websites tonight!<\/p><\/div><\/div><div class=\"x-row x-container max width e4-e36 m4-j m4-k m4-l m4-m m4-s m4-t m4-w m4-11\"><div class=\"x-row-inner\"><div class=\"x-col e4-e37 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e38 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M100.9 411.1c-1.3-1.3-12.4-16.8 3.3-64c3.5-10.4 8-21.4 13.6-32.9c11.6 14.2 24.3 28.3 38 41.9s27.7 26.4 41.9 38c-11.4 5.6-22.4 10.2-32.8 13.6c-47.2 15.7-62.7 4.6-64 3.3zM153.7 256c13.5-18.3 29.3-36.8 47.4-54.9s36.6-33.9 54.9-47.4c18.3 13.5 36.8 29.3 54.9 47.4s33.9 36.6 47.4 54.9c-13.5 18.3-29.3 36.8-47.4 54.9s-36.6 33.9-54.9 47.4c-18.3-13.5-36.8-29.3-54.9-47.4s-33.9-36.6-47.4-54.9zm44.1-138.1c-14.2 11.6-28.3 24.3-41.9 38s-26.4 27.7-38 41.9c-5.6-11.4-10.2-22.4-13.6-32.8c-15.7-47.2-4.6-62.7-3.3-64s16.8-12.4 64 3.3c10.4 3.5 21.4 8 32.8 13.6zM256 76.8C173.9 27.6 94.9 16.5 55.7 55.7S27.6 173.9 76.8 256C27.6 338.1 16.5 417.1 55.7 456.3s118.2 28.1 200.3-21.1c82.1 49.2 161.1 60.3 200.3 21.1s28.1-118.2-21.1-200.3c49.2-82.1 60.3-161.1 21.1-200.3S338.1 27.6 256 76.8zm58.2 41.1c11.4-5.6 22.4-10.2 32.9-13.6c47.2-15.7 62.7-4.6 64-3.3s12.4 16.8-3.3 64c-3.5 10.4-8 21.4-13.6 32.8c-11.6-14.2-24.3-28.3-38-41.9s-27.7-26.4-41.9-38zm79.9 196.3c5.6 11.4 10.2 22.4 13.6 32.9c15.7 47.2 4.6 62.7 3.3 64s-16.8 12.4-64-3.3c-10.4-3.5-21.4-8-32.9-13.6c14.2-11.6 28.3-24.3 41.9-38s26.4-27.7 38-41.9zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e39 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">Atomic Design Principles<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e40 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><p>Together we'll break down the principles, methodology, and processes of Brad Frost's Atomic Design and learn how to implement.<\/p><\/div><\/div><div class=\"x-col e4-e41 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e42 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M0 32C0 14.3 14.3 0 32 0L160 0c17.7 0 32 14.3 32 32l0 384c0 53-43 96-96 96s-96-43-96-96L0 32zM223.6 425.9c.3-3.3 .4-6.6 .4-9.9l0-262 75.4-75.4c12.5-12.5 32.8-12.5 45.3 0l90.5 90.5c12.5 12.5 12.5 32.8 0 45.3L223.6 425.9zM182.8 512l192-192L480 320c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-297.2 0zM128 64L64 64l0 64 64 0 0-64zM64 192l0 64 64 0 0-64-64 0zM96 440a24 24 0 1 0 0-48 24 24 0 1 0 0 48z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e43 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">Design System Origins<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e44 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><p>Creating effective and repeatable design systems begins by understanding and exploring their origins &ndash; beyond web.<\/p><\/div><\/div><div class=\"x-col e4-e45 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e46 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M288 160A80 80 0 1 0 288 0a80 80 0 1 0 0 160zM176 328a80 80 0 1 0 0-160 80 80 0 1 0 0 160zM160 432A80 80 0 1 0 0 432a80 80 0 1 0 160 0zm128 80a80 80 0 1 0 0-160 80 80 0 1 0 0 160zm288-80a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM400 328a80 80 0 1 0 0-160 80 80 0 1 0 0 160z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e47 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">Components &amp; Parameters<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e48 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><span>Learn how to leverage Cornerstone's native component builder, wire up parameters, and use them throughout your design.<\/span><\/div><\/div><div class=\"x-col e4-e49 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e50 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M448 256c0-106-86-192-192-192l0 384c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e51 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">Variable content<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e52 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><span>Explore advanced component concepts with variable content slots that allow for you to abstract away complexity in your design.<\/span><\/div><\/div><div class=\"x-col e4-e53 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e54 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M64 128l0-32 96 0 0 320-32 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l128 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0 0-320 96 0 0 32c0 17.7 14.3 32 32 32s32-14.3 32-32l0-48c0-26.5-21.5-48-48-48L192 32 48 32C21.5 32 0 53.5 0 80l0 48c0 17.7 14.3 32 32 32s32-14.3 32-32zM384 304l0-16 64 0 0 128-16 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-16 0 0-128 64 0 0 16c0 17.7 14.3 32 32 32s32-14.3 32-32l0-32c0-26.5-21.5-48-48-48l-224 0c-26.5 0-48 21.5-48 48l0 32c0 17.7 14.3 32 32 32s32-14.3 32-32z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e55 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">SElf-Documenting System<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e56 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><span>From component novice to component pro \u2013 we'll tackle private components, top level components and more.<\/span><\/div><\/div><div class=\"x-col e4-e57 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e58 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M80 0C44.7 0 16 28.7 16 64l0 384c0 35.3 28.7 64 64 64l224 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L80 0zm80 432l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e59 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">Responsive Architecture<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e60 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><span>Best practices on using prefab components within your custom component designs. When to use them and when to create your own.<\/span><\/div><\/div><div class=\"x-col e4-e61 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e62 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M208 80c0-26.5 21.5-48 48-48l64 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-8 0 0 40 152 0c30.9 0 56 25.1 56 56l0 32 8 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-64 0c-26.5 0-48-21.5-48-48l0-64c0-26.5 21.5-48 48-48l8 0 0-32c0-4.4-3.6-8-8-8l-152 0 0 40 8 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-64 0c-26.5 0-48-21.5-48-48l0-64c0-26.5 21.5-48 48-48l8 0 0-40-152 0c-4.4 0-8 3.6-8 8l0 32 8 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-64 0c-26.5 0-48-21.5-48-48l0-64c0-26.5 21.5-48 48-48l8 0 0-32c0-30.9 25.1-56 56-56l152 0 0-40-8 0c-26.5 0-48-21.5-48-48l0-64z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e63 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">Component Instances<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e64 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><span>Learn how to properly manage your component instances and enable a per instance customize control for deeper modularity.<\/span><\/div><\/div><div class=\"x-col e4-e65 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e66 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M416 32l-32 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c17.7 0 32 14.3 32 32l0 37.5c0 25.5 10.1 49.9 28.1 67.9L498.7 256l-22.6 22.6c-18 18-28.1 42.4-28.1 67.9l0 37.5c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c53 0 96-43 96-96l0-37.5c0-8.5 3.4-16.6 9.4-22.6l45.3-45.3c12.5-12.5 12.5-32.8 0-45.3l-45.3-45.3c-6-6-9.4-14.1-9.4-22.6l0-37.5c0-53-43-96-96-96zM160 32c-53 0-96 43-96 96l0 37.5c0 8.5-3.4 16.6-9.4 22.6L9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l45.3 45.3c6 6 9.4 14.1 9.4 22.6L64 384c0 53 43 96 96 96l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-17.7 0-32-14.3-32-32l0-37.5c0-25.5-10.1-49.9-28.1-67.9L77.3 256l22.6-22.6c18-18 28.1-42.4 28.1-67.9l0-37.5c0-17.7 14.3-32 32-32l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e67 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">Parameter Overview<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e68 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><span>Custom-tailor and simplify your site building process by diving into the deep end with element and component parameters.<\/span><\/div><\/div><div class=\"x-col e4-e69 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e70 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M512 256c0 .9 0 1.8 0 2.7c-.4 36.5-33.6 61.3-70.1 61.3L344 320c-26.5 0-48 21.5-48 48c0 3.4 .4 6.7 1 9.9c2.1 10.2 6.5 20 10.8 29.9c6.1 13.8 12.1 27.5 12.1 42c0 31.8-21.6 60.7-53.4 62c-3.5 .1-7 .2-10.6 .2C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256zM128 288a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm0-96a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM288 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm96 96a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e71 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">Managing Colors<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e72 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><span>Learn how to properly structure and categorize your color palette to provide consistency and predictability throughout your designs.<\/span><\/div><\/div><div class=\"x-col e4-e73 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e74 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M206 52.8C201.3 40.3 189.3 32 176 32s-25.3 8.3-30 20.8L2 436.8c-6.2 16.5 2.2 35 18.7 41.2s35-2.2 41.2-18.7L96.2 368l159.6 0L290 459.2c6.2 16.5 24.7 24.9 41.2 18.7s24.9-24.6 18.7-41.2L206 52.8zM231.8 304l-111.6 0L176 155.1 231.8 304zM608 160c-13 0-24.1 7.7-29.2 18.8C559.4 166.9 536.5 160 512 160c-70.7 0-128 57.3-128 128l0 64c0 70.7 57.3 128 128 128c24.5 0 47.4-6.9 66.8-18.8c5 11.1 16.2 18.8 29.2 18.8c17.7 0 32-14.3 32-32l0-96 0-64 0-96c0-17.7-14.3-32-32-32zM576 288l0 64c0 35.3-28.7 64-64 64s-64-28.7-64-64l0-64c0-35.3 28.7-64 64-64s64 28.7 64 64z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e75 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">Managing Font Styles<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e76 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><span>Learn best practices for font palette organization offering the most flexibility and granularity throughout your site.<\/span><\/div><\/div><div class=\"x-col e4-e77 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e78 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M448 80l0 48c0 44.2-100.3 80-224 80S0 172.2 0 128L0 80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6L448 288c0 44.2-100.3 80-224 80S0 332.2 0 288L0 186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6l0 85.9c0 44.2-100.3 80-224 80S0 476.2 0 432l0-85.9z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e79 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">Breakout Mode<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e80 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><span>Useful strategies for wiring up parameters more efficiently by switching your builder interface to breakout mode.<\/span><\/div><\/div><div class=\"x-col e4-e81 m4-1b m4-1d m4-1g m4-1i m4-d\" data-x-effect-provider=\"colors particles effects\" data-x-effect=\"{&quot;durationBase&quot;:&quot;500ms&quot;}\"><span class=\"x-icon e4-e82 m4-49 m4-4a\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z\"\/><\/svg><\/span><div class=\"x-text x-text-headline e4-e83 m4-2f m4-2g m4-2h m4-2i m4-2j m4-2n m4-2q m4-2s m4-2t m4-2w\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">And so much more!<\/span>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e84 m4-36 m4-37 m4-38 m4-3a m4-3f m4-3i\"><p>Each video within the Web Design Magic series focuses on conceptual methodologies, best practices, and real-world use cases.<\/p><\/div><\/div><\/div><\/div><\/div><div class=\"x-section e4-e85 m4-0 m4-2 m4-4 m4-6\"><div class=\"x-bg\" aria-hidden=\"true\"><div class=\"x-bg-layer-lower-image\"><\/div><div class=\"x-bg-layer-upper-color\"><\/div><\/div><div class=\"x-div x-container max width e4-e86 m4-1q m4-1r m4-1s m4-1u m4-1v m4-20 m4-23\"><div class=\"x-text x-text-headline e4-e87 m4-2f m4-2g m4-2h m4-2m m4-2n m4-2o m4-2q m4-2r m4-2s\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><h2 class=\"x-text-content-text-primary\">Watch the first Episode <span style=\"text-decoration: underline\">Free<\/span><\/h2>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e88 m4-37 m4-38 m4-39 m4-3a m4-3d m4-3e m4-3f m4-3j\"><p>Learn about the power of Components &ndash; the building blocks to your new magical skills.<\/p><\/div><hr class=\"x-line e4-e89 m4-32 m4-33 m4-34\"\/><\/div><div class=\"x-div x-container max width e4-e90 m4-1q m4-1r m4-1s m4-1v m4-1y m4-20 m4-24\"><div class=\"x-frame x-frame-video-embed e4-e91 m4-47 m4-48\"><div class=\"x-frame-inner\"><div class=\"x-video x-video-embed\"><div class=\"x-resp-embed x-is-video x-is-youtube\"><iframe loading=\"lazy\" title=\"How to Use Components &amp; Parameters in WordPress with Cornerstone\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Ke8AdlYaY7Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/div><\/div><div class=\"x-div x-container max width e4-e92 m4-1q m4-1r m4-1s m4-1u m4-1v m4-20 m4-21\" id=\"pricing\"><div class=\"x-text x-text-headline e4-e93 m4-2f m4-2g m4-2h m4-2m m4-2n m4-2o m4-2q m4-2r m4-2s\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><h2 class=\"x-text-content-text-primary\">Three simple ways to get started<\/h2>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e94 m4-37 m4-38 m4-39 m4-3a m4-3c m4-3d m4-3e m4-3f\"><p>Learn the systems that top designers and developers use to build better websites.<\/p><\/div><\/div><div class=\"x-row x-container max width e4-e95 m4-j m4-l m4-m m4-p m4-t m4-u m4-12\"><div class=\"x-row-inner\"><div class=\"x-col e4-e96 m4-16 m4-17 m4-19 m4-1a m4-1b m4-1j m4-1k m4-e m4-f\" data-x-effect-provider=\"colors particles effects\"><div class=\"x-div e4-e97 m4-1m m4-1p m4-1q m4-1r m4-1u m4-1x m4-25 m4-26 m4-27 m4-28 m4-29\"><div class=\"x-bg\" aria-hidden=\"true\"><div class=\"x-bg-layer-lower-image\"><\/div><div class=\"x-bg-layer-upper-color\"><\/div><\/div><span class=\"x-image e4-e98 m4-3z m4-43 m4-44 m4-f\"><img decoding=\"async\" src=\"https:\/\/theme.co\/app\/uploads\/sites\/13\/2024\/06\/cs-web-design-magic-bundle.png\" width=\"716\" height=\"636\" alt=\"Pro Unlimited + Web Design Magic Logo\" loading=\"lazy\"><\/span><\/div><div class=\"x-div e4-e99 m4-1m m4-1o m4-1r m4-1u m4-1v m4-1x m4-25 m4-2a\"><div class=\"x-text x-text-headline e4-e100 m4-2e m4-2f m4-2l m4-2x m4-2y\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">web design magic bundle<\/span>\n<\/div><\/div><\/div><div class=\"x-div e4-e101 m4-1m m4-1n m4-1o m4-1q m4-1r m4-1u m4-1v m4-1x m4-2b\"><div class=\"x-text x-text-headline e4-e102 m4-2e m4-2f m4-2g m4-2q m4-2s m4-2v m4-2y m4-2z\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><h3 class=\"x-text-content-text-primary\">$697 <span style=\"text-decoration: line-through; color: #999999;\">$996<\/span><\/h3>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e103 m4-36 m4-37 m4-3a m4-3k m4-3l m4-3m\"><p>One Time<\/p><\/div><\/div><div class=\"x-text x-content e4-e104 m4-36 m4-37 m4-3a m4-3l m4-3m m4-3n m4-3o m4-3p\"><p>Create truly magical websites. Get instant access to the Pro Theme, Cornerstone Builder, and Web Design Magic.<\/p><\/div><hr class=\"x-line e4-e105 m4-31 m4-32 m4-35\"\/><div class=\"x-row e4-e106 m4-j m4-k m4-l m4-m m4-v m4-w m4-13\"><ul class=\"x-row-inner\"><li class=\"x-col e4-e107 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e108 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e109 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Unlimited Use<\/p><\/div><\/li><li class=\"x-col e4-e110 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e111 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e112 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Lifetime Updates<\/p><\/div><\/li><li class=\"x-col e4-e113 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e114 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e115 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Pro Theme<\/p><\/div><\/li><li class=\"x-col e4-e116 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e117 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e118 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Cornerstone Builder<\/p><\/div><\/li><li class=\"x-col e4-e119 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e120 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e121 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Web Design Magic<\/p><\/div><\/li><\/ul><\/div><hr class=\"x-line e4-e122 m4-31 m4-32 m4-35\"\/><a class=\"x-anchor x-anchor-button has-graphic e4-e123 m4-3t m4-3u m4-3v m4-3w m4-g animated-gradient\" tabindex=\"0\" style=\"--tco-dc4-2:0px;\" href=\"https:\/\/theme.co\/checkout\/web-design-magic-bundle\"><div class=\"x-anchor-content\"><span class=\"x-graphic\" aria-hidden=\"true\"><span class=\"x-icon x-graphic-child x-graphic-icon x-graphic-primary\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"\/><\/svg><\/span><\/span><div class=\"x-anchor-text\"><span class=\"x-anchor-text-primary\">Purchase Bundle<\/span><\/div><\/div><\/a><div class=\"x-text x-content e4-e124 m4-37 m4-3e m4-3l m4-3m m4-3n m4-3p m4-3r\"><p><strong>Who is this for?<\/strong> Great for new or existing Themeco customers and includes everything you need to create inspired websites.<\/p><\/div><\/div><\/div><div class=\"x-col e4-e125 m4-16 m4-17 m4-19 m4-1a m4-1b m4-1j m4-1k m4-e m4-f\" data-x-effect-provider=\"colors particles effects\"><div class=\"x-div e4-e126 m4-1m m4-1p m4-1q m4-1r m4-1u m4-1x m4-25 m4-26 m4-29 m4-2c\"><div class=\"x-bg\" aria-hidden=\"true\"><div class=\"x-bg-layer-upper-color\"><\/div><\/div><span class=\"x-image e4-e127 m4-3z m4-44 m4-45 m4-f\"><img decoding=\"async\" src=\"https:\/\/theme.co\/app\/uploads\/sites\/13\/2023\/07\/Group-3.svg\" width=\"278\" height=\"99\" alt=\"Web Design Magic Logo\" loading=\"lazy\"><\/span><\/div><div class=\"x-div e4-e128 m4-1m m4-1o m4-1r m4-1u m4-1v m4-1x m4-25 m4-2a\"><div class=\"x-text x-text-headline e4-e129 m4-2e m4-2f m4-2l m4-2x m4-2y\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">web design magic<\/span>\n<\/div><\/div><\/div><div class=\"x-div e4-e130 m4-1m m4-1n m4-1o m4-1q m4-1r m4-1u m4-1v m4-1x m4-2b\"><div class=\"x-text x-text-headline e4-e131 m4-2e m4-2f m4-2g m4-2q m4-2s m4-2v m4-2y m4-2z\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><h3 class=\"x-text-content-text-primary\">$75 <span style=\"text-decoration: line-through; color: #999999;\">$249<\/span><\/h3>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e132 m4-36 m4-37 m4-3a m4-3k m4-3l m4-3m\"><p>One Time<\/p><\/div><\/div><div class=\"x-text x-content e4-e133 m4-36 m4-37 m4-3a m4-3l m4-3m m4-3n m4-3o m4-3p\"><p>Get instant access to Web Design Magic and learn the systems that top creators use to build stunning websites.<\/p><\/div><hr class=\"x-line e4-e134 m4-31 m4-32 m4-35\"\/><div class=\"x-row e4-e135 m4-j m4-k m4-l m4-m m4-v m4-w m4-14\"><ul class=\"x-row-inner\"><li class=\"x-col e4-e136 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e137 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e138 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Unlimited Use<\/p><\/div><\/li><li class=\"x-col e4-e139 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e140 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e141 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Lifetime Updates<\/p><\/div><\/li><li class=\"x-col e4-e142 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e143 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e144 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Atomic Design Concepts<\/p><\/div><\/li><li class=\"x-col e4-e145 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e146 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e147 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Design System Origins<\/p><\/div><\/li><li class=\"x-col e4-e148 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e149 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e150 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Creating Components &amp; Parameters<\/p><\/div><\/li><li class=\"x-col e4-e151 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e152 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e153 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Variable Content with Slots<\/p><\/div><\/li><li class=\"x-col e4-e154 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e155 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e156 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Self Documenting Systems<\/p><\/div><\/li><li class=\"x-col e4-e157 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e158 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e159 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Prefab Components<\/p><\/div><\/li><li class=\"x-col e4-e160 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e161 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e162 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Component Instances<\/p><\/div><\/li><li class=\"x-col e4-e163 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e164 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e165 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Parameters Overview<\/p><\/div><\/li><li class=\"x-col e4-e166 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e167 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e168 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Custom Type Scale<\/p><\/div><\/li><li class=\"x-col e4-e169 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e170 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e171 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>And so much more!<\/p><\/div><\/li><\/ul><\/div><hr class=\"x-line e4-e172 m4-31 m4-32 m4-35\"\/><a class=\"x-anchor x-anchor-button has-graphic e4-e173 m4-3t m4-3v m4-3x m4-h animated-gradient\" tabindex=\"0\" style=\"--tco-dc4-8:0px;\" href=\"https:\/\/theme.co\/checkout\/web-design-magic\"><div class=\"x-anchor-content\"><span class=\"x-graphic\" aria-hidden=\"true\"><span class=\"x-icon x-graphic-child x-graphic-icon x-graphic-primary\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"\/><\/svg><\/span><\/span><div class=\"x-anchor-text\"><span class=\"x-anchor-text-primary\">Purchase Web Design Magic<\/span><\/div><\/div><\/a><div class=\"x-text x-content e4-e174 m4-37 m4-3e m4-3l m4-3m m4-3n m4-3p m4-3r\"><p><strong>Who is this for?<\/strong> Great for existing Themeco customers who just want to purchase Web Design Magic. Use it with all of your existing licenses.<\/p><\/div><\/div><\/div><div class=\"x-col e4-e175 m4-16 m4-17 m4-19 m4-1a m4-1b m4-1j m4-1k m4-e m4-f\" data-x-effect-provider=\"colors particles effects\"><div class=\"x-div e4-e176 m4-1m m4-1p m4-1q m4-1r m4-1u m4-1x m4-25 m4-26 m4-28 m4-2d\"><div class=\"x-bg\" aria-hidden=\"true\"><div class=\"x-bg-layer-lower-image\"><\/div><div class=\"x-bg-layer-upper-color\"><\/div><\/div><span class=\"x-image e4-e177 m4-3z m4-44 m4-46\"><img decoding=\"async\" src=\"http:\/\/theme.co\/app\/uploads\/2026\/03\/pm2026.png\" width=\"594\" height=\"576\" alt=\"Pro Max Logo\" loading=\"lazy\"><\/span><\/div><div class=\"x-div e4-e178 m4-1m m4-1o m4-1r m4-1u m4-1v m4-1x m4-25 m4-2a\"><div class=\"x-text x-text-headline e4-e179 m4-2e m4-2f m4-2l m4-2x m4-2y\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><span class=\"x-text-content-text-primary\">All Products<\/span>\n<\/div><\/div><\/div><div class=\"x-div e4-e180 m4-1m m4-1n m4-1o m4-1q m4-1r m4-1u m4-1v m4-1x m4-2b\"><div class=\"x-text x-text-headline e4-e181 m4-2e m4-2f m4-2g m4-2q m4-2s m4-2v m4-2y m4-2z\"><div class=\"x-text-content\"><div class=\"x-text-content-text\"><h3 class=\"x-text-content-text-primary\">From $99<\/h3>\n<\/div><\/div><\/div><div class=\"x-text x-content e4-e182 m4-36 m4-37 m4-3a m4-3k m4-3l m4-3m\"><p>\/year<\/p><\/div><\/div><div class=\"x-text x-content e4-e183 m4-36 m4-37 m4-3a m4-3l m4-3m m4-3n m4-3o m4-3p\"><p><strong>Pro Max<\/strong> includes Pro and Cornerstone plus our entire lineup of plugins, courses, and templates. <a href=\"https:\/\/theme.co\/max\"><span style=\"text-decoration: underline;\">About Max<\/span><\/a>.<\/p><\/div><hr class=\"x-line e4-e184 m4-31 m4-32 m4-35\"\/><div class=\"x-row e4-e185 m4-j m4-k m4-l m4-m m4-v m4-w m4-15\"><ul class=\"x-row-inner\"><li class=\"x-col e4-e186 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e187 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e188 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Pro Theme\" href=\"https:\/\/theme.co\/pro\" target=\"_blank\" rel=\"noopener\">Pro Theme<\/a><\/p><\/div><\/li><li class=\"x-col e4-e189 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e190 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e191 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Cornerstone Website Builder\" href=\"https:\/\/theme.co\/cornerstone\/\" target=\"_blank\" rel=\"noopener\">Cornerstone Builder<\/a><\/p><\/div><\/li><li class=\"x-col e4-e192 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e193 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e194 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Design Cloud\" href=\"https:\/\/theme.co\/designcloud\" target=\"_blank\" rel=\"noopener\">Design Cloud<\/a><\/p><\/div><\/li><li class=\"x-col e4-e195 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e196 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e197 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Extensions\" href=\"https:\/\/theme.co\/extensions\" target=\"_blank\" rel=\"noopener\">Extensions<\/a><\/p><\/div><\/li><li class=\"x-col e4-e198 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e199 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e200 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"CSAI\" href=\"https:\/\/theme.co\/csai\/\" target=\"_blank\" rel=\"noopener\">CSAI<\/a> ($749 Value)<\/p><\/div><\/li><li class=\"x-col e4-e201 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e202 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e203 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Personify\" href=\"https:\/\/theme.co\/personify\/\" target=\"_blank\" rel=\"noopener\">Personify<\/a> ($599 Value)<\/p><\/div><\/li><li class=\"x-col e4-e204 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e205 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e206 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Cornerstone Forms\" href=\"https:\/\/theme.co\/cornerstone-forms\/\" target=\"_blank\" rel=\"noopener\">Cornerstone Forms<\/a> ($749 Value)<\/p><\/div><\/li><li class=\"x-col e4-e207 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e208 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e209 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Cornerstone Charts\" href=\"https:\/\/theme.co\/cornerstone-charts\/\" target=\"_blank\" rel=\"noopener\">Cornerstone Charts<\/a> ($749 Value)<\/p><\/div><\/li><li class=\"x-col e4-e210 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e211 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e212 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Web Design Magic\" href=\"https:\/\/theme.co\/web-design-magic\/\" rel=\"noopener\">Web Design Magic<\/a> ($249 Value)<\/p><\/div><\/li><li class=\"x-col e4-e213 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e214 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e215 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Modern Sliders\" href=\"https:\/\/theme.co\/modern-sliders\/\" target=\"_blank\" rel=\"noopener\">Modern Sliders<\/a> ($199 Value)<\/p><\/div><\/li><li class=\"x-col e4-e216 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e217 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e218 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Super Loopers\" href=\"https:\/\/theme.co\/super-loopers\/\" target=\"_blank\" rel=\"noopener\">Super Loopers<\/a> ($249 Value)<\/p><\/div><\/li><li class=\"x-col e4-e219 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e220 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e221 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"Gridorama\" href=\"https:\/\/theme.co\/gridorama\/\" target=\"_blank\" rel=\"noopener\">Gridorama<\/a> ($199 Value)<\/p><\/div><\/li><li class=\"x-col e4-e222 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e223 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e224 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p><a style=\"color: #ffffff; text-decoration: underline;\" title=\"SiteDrive\" href=\"https:\/\/sitedrive.co\/\" target=\"_blank\" rel=\"noopener\">SiteDrive<\/a> ($749 Value)<\/p><\/div><\/li><li class=\"x-col e4-e225 m4-16 m4-1a m4-1b m4-1c m4-1d m4-1e m4-1k m4-1l\"><span class=\"x-icon e4-e226 m4-4a m4-4b\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\/><\/svg><\/span><div class=\"x-text x-content e4-e227 m4-36 m4-37 m4-3a m4-3h m4-3l m4-3n m4-3q\"><p>Future <a style=\"color: #ffffff; text-decoration: underline;\" title=\"Max\" href=\"https:\/\/theme.co\/max\" target=\"_blank\" rel=\"noopener\">Max Products<\/a> (Priceless)<\/p><\/div><\/li><\/ul><\/div><hr class=\"x-line e4-e228 m4-31 m4-32 m4-35\"\/><a class=\"x-anchor x-anchor-button has-graphic e4-e229 m4-3t m4-3v m4-3w m4-3y m4-i animated-gradient\" tabindex=\"0\" style=\"--tco-dc4-e:0px;\" href=\"https:\/\/theme.co\/pricing\"><div class=\"x-anchor-content\"><span class=\"x-graphic\" aria-hidden=\"true\"><span class=\"x-icon x-graphic-child x-graphic-icon x-graphic-primary\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"\/><\/svg><\/span><\/span><div class=\"x-anchor-text\"><span class=\"x-anchor-text-primary\">See Pricing<\/span><\/div><\/div><\/a><div class=\"x-text x-content e4-e230 m4-37 m4-3e m4-3l m4-3m m4-3n m4-3p m4-3r\"><p><strong>Who is this for? <\/strong>Great for new or existing Themeco customers and includes Pro, Cornerstone, plus all current &amp; future Max products.<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>COURSE &amp; Expansion Pack WEB DESIGN MAGICDone right, design systems can be down right magic. Ignore them, and you&rsquo;re probably going to&nbsp;hate working on your website. In WDM you&#8217;ll learn exactly how they work, why they are so critical and (most importantly) how to build your own.Get StartedWhat is web design magic? Web Design Magic is an extensive course that&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-blank-5.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Design Magic \u2013 Course &amp; Expansion Pack<\/title>\n<meta name=\"description\" content=\"Done right, design systems can be down right magic. Ignore them, and you\u2019re probably going to hate working on your website. In WDM you&#039;ll learn exactly how they work, why they are so critical and (most importantly) how to build your own.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theme.co\/web-design-magic\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design Magic \u2013 Course &amp; Expansion Pack\" \/>\n<meta property=\"og:description\" content=\"Done right, design systems can be down right magic. Ignore them, and you\u2019re probably going to hate working on your website. In WDM you&#039;ll learn exactly how they work, why they are so critical and (most importantly) how to build your own.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theme.co\/web-design-magic\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Design Magic\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-19T13:50:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/theme.co\/app\/uploads\/sites\/13\/2023\/07\/poster-web-design-magic.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theme.co\/web-design-magic\/\",\"url\":\"https:\/\/theme.co\/web-design-magic\/\",\"name\":\"Web Design Magic \u2013 Course & Expansion Pack\",\"isPartOf\":{\"@id\":\"https:\/\/theme.co\/web-design-magic\/#website\"},\"datePublished\":\"2023-07-18T18:05:14+00:00\",\"dateModified\":\"2026-03-19T13:50:26+00:00\",\"description\":\"Done right, design systems can be down right magic. Ignore them, and you\u2019re probably going to hate working on your website. In WDM you'll learn exactly how they work, why they are so critical and (most importantly) how to build your own.\",\"breadcrumb\":{\"@id\":\"https:\/\/theme.co\/web-design-magic\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theme.co\/web-design-magic\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theme.co\/web-design-magic\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theme.co\/web-design-magic\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theme.co\/web-design-magic\/#website\",\"url\":\"https:\/\/theme.co\/web-design-magic\/\",\"name\":\"Web Design Magic\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theme.co\/web-design-magic\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Design Magic \u2013 Course & Expansion Pack","description":"Done right, design systems can be down right magic. Ignore them, and you\u2019re probably going to hate working on your website. In WDM you'll learn exactly how they work, why they are so critical and (most importantly) how to build your own.","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:\/\/theme.co\/web-design-magic\/","og_locale":"en_US","og_type":"article","og_title":"Web Design Magic \u2013 Course & Expansion Pack","og_description":"Done right, design systems can be down right magic. Ignore them, and you\u2019re probably going to hate working on your website. In WDM you'll learn exactly how they work, why they are so critical and (most importantly) how to build your own.","og_url":"https:\/\/theme.co\/web-design-magic\/","og_site_name":"Web Design Magic","article_modified_time":"2026-03-19T13:50:26+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/theme.co\/app\/uploads\/sites\/13\/2023\/07\/poster-web-design-magic.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theme.co\/web-design-magic\/","url":"https:\/\/theme.co\/web-design-magic\/","name":"Web Design Magic \u2013 Course & Expansion Pack","isPartOf":{"@id":"https:\/\/theme.co\/web-design-magic\/#website"},"datePublished":"2023-07-18T18:05:14+00:00","dateModified":"2026-03-19T13:50:26+00:00","description":"Done right, design systems can be down right magic. Ignore them, and you\u2019re probably going to hate working on your website. In WDM you'll learn exactly how they work, why they are so critical and (most importantly) how to build your own.","breadcrumb":{"@id":"https:\/\/theme.co\/web-design-magic\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theme.co\/web-design-magic\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theme.co\/web-design-magic\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theme.co\/web-design-magic\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/theme.co\/web-design-magic\/#website","url":"https:\/\/theme.co\/web-design-magic\/","name":"Web Design Magic","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theme.co\/web-design-magic\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theme.co\/web-design-magic\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theme.co\/web-design-magic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theme.co\/web-design-magic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theme.co\/web-design-magic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theme.co\/web-design-magic\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":101,"href":"https:\/\/theme.co\/web-design-magic\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/theme.co\/web-design-magic\/wp-json\/wp\/v2\/pages\/4\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/theme.co\/web-design-magic\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}