{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/L7VdLTqHPdsaljj76oJZ/8Lj1upoqZgAsyC5OGcCk/ojJPGtX3S.js"],
  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType, Link } from \"framer\";\nimport * as React from \"react\"; /**\n                                * @framerRecordIdKey id\n                                * @framerSlug CJdBqz0E6\n                                * @framerData\n                                */\nconst data = [{\n  aY0h_20Va: \"\",\n  bOOpV2Cec: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Written by \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.linkedin.com/in/markboyessmith/\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          href: \"https://www.linkedin.com/in/markboyessmith/\",\n          rel: \"noreferrer noopener\",\n          target: \"_blank\",\n          children: \"Mark Boyes-Smith\"\n        })\n      }), \", Director of Product Design at \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://medium.com/u/206c13695d27?source=post_page-----712a1035b104--------------------------------\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          href: \"https://medium.com/u/206c13695d27?source=post_page-----712a1035b104--------------------------------\",\n          rel: \"noreferrer noopener\",\n          target: \"_blank\",\n          children: \"InVision\"\n        })\n      }), \".\"]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"With the conversation around Design Systems maturing, I\u2019m interested in understanding how we might adopt a lean mindset when creating design systems.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"In this article, I want to share 4 principles and exercises that have helped me and my team create a Lean Design System.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"The superpowers of Design Systems\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"As a single source of truth for design intent, Design Systems help creative and technical teams speak a common language and deliver user experiences that feel connected, familiar, and cohesive.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"With this shared language, teams can move quickly, onboard new team members, and curate reusable building blocks of UI to support product development at scale. Successful teams can even harness Design Systems to reduce design fragmentation and technical debt across an ecosystem.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Sounds magical, right? \uD83E\uDD84\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Well\u2026 In order to harness these benefits, there is a price to be paid. Establishing a Design System requires upfront and ongoing investment, both financially and culturally. This represents a luxury many teams can\u2019t afford.\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Even for businesses with established Design Systems, I consistently see challenges around low adoption and engagement as Design System teams battle to balance \", /*#__PURE__*/_jsx(\"em\", {\n        children: \"building for scale\"\n      }), \" and\", /*#__PURE__*/_jsx(\"em\", {\n        children: \" experimenting at speed\"\n      }), \". When speed is a top priority, convincing consumers to invest precious time engaging with an emerging system can be a little difficult to justify. The result is a Design System that doesn\u2019t solve the \", /*#__PURE__*/_jsx(\"em\", {\n        children: \"needs\"\n      }), \" of the business.\"]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"If you\u2019re nodding along, fear not \u2014 there is a way forward!\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Applying a lean mindset to Design Systems\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"This approach takes inspiration from the \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.lean.org/explore-lean/what-is-lean/\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          href: \"https://www.lean.org/explore-lean/what-is-lean/\",\n          rel: \"noreferrer noopener\",\n          target: \"_blank\",\n          children: \"Lean Thinking Methodology\"\n        })\n      }), \".\"]\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Put simply, to be lean is to put just enough effort in the right activities to unlock the benefits. If you are familiar with \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://en.wikipedia.org/wiki/Pareto_principle\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          href: \"https://en.wikipedia.org/wiki/Pareto_principle\",\n          rel: \"noreferrer noopener\",\n          target: \"_blank\",\n          children: \"Pareto\u2019s principle\"\n        })\n      }), \", the most impactful 20% of jobs to be done will reap 80% of the benefits.\"]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"A Lean Design System optimizes activities to maximize impact against the most pressing business challenges, for example:\"\n    }), /*#__PURE__*/_jsxs(\"ul\", {\n      style: {\n        \"--framer-text-alignment\": \"start\",\n        \"--framer-text-color\": \"rgba(0, 0, 0, 0.8)\",\n        \"--framer-text-transform\": \"none\"\n      },\n      children: [/*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        style: {\n          \"--framer-font-size\": \"20px\",\n          \"--framer-letter-spacing\": \"-0.003px\",\n          \"--framer-line-height\": \"28px\",\n          \"--framer-text-color\": \"rgb(41, 41, 41)\"\n        },\n        children: /*#__PURE__*/_jsx(\"p\", {\n          children: \"Establishing a source of truth\"\n        })\n      }), /*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        style: {\n          \"--framer-font-size\": \"20px\",\n          \"--framer-letter-spacing\": \"-0.003px\",\n          \"--framer-line-height\": \"28px\",\n          \"--framer-text-color\": \"rgb(41, 41, 41)\"\n        },\n        children: /*#__PURE__*/_jsx(\"p\", {\n          children: \"Speeding up design and development\"\n        })\n      }), /*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        style: {\n          \"--framer-font-size\": \"20px\",\n          \"--framer-letter-spacing\": \"-0.003px\",\n          \"--framer-line-height\": \"28px\",\n          \"--framer-text-color\": \"rgb(41, 41, 41)\"\n        },\n        children: /*#__PURE__*/_jsx(\"p\", {\n          children: \"Creating a cohesive user experience\"\n        })\n      }), /*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        style: {\n          \"--framer-font-size\": \"20px\",\n          \"--framer-letter-spacing\": \"-0.003px\",\n          \"--framer-line-height\": \"28px\",\n          \"--framer-text-color\": \"rgb(41, 41, 41)\"\n        },\n        children: /*#__PURE__*/_jsx(\"p\", {\n          children: \"Creating a shared language between designers, engineers, and content writers\"\n        })\n      })]\n    })]\n  }),\n  bVm2jC0h6: false,\n  CJdBqz0E6: \"how-to-create-a-lean-design-system\",\n  Eiao2jj11: \"\",\n  hj1oYyzUA: false,\n  hkhBhmlHf: false,\n  HmIrP9ZmL: \"In recent years, Design Systems have become the quintessential tool for bringing product development teams together.\",\n  HtiBtqzgc: false,\n  htUzdGu8f: false,\n  id: \"Zn1q9aQcE\",\n  iZszati9D: \"How to create a lean design system\",\n  k4kVkS6x0: \"\",\n  LW9gVR3ox: \"\",\n  lwH3EsNjV: true,\n  mZGyoRQgQ: false,\n  pJulU_JOm: \"2022-09-29T00:00:00.000Z\",\n  PYnJeNV5B: {\n    alt: \"How to create a lean design system\",\n    src: new URL(\"https://framerusercontent.com/images/sopcTyn67hpEQdII2xbB1i7ZUC8.jpg?scale-down-to=2048\").href\n  },\n  SE_Zm3OPM: \"\",\n  soWDSDBlV: false,\n  sVnqxfeG6: \"\",\n  tDJJ0bUT1: \"\",\n  tfFthA7sX: 'var(--token-ecfd1713-5503-43d8-b43b-6f610e73007d, rgb(255, 179, 0)) /* {\"name\":\"$accent-secondary\"} */',\n  wkncOTLCw: true,\n  yWRXXFJtw: 'function Component() {\\n\tconst scrollRef = useRef(null) return (\\n\t<div ref={scrollRef} style={{ overflow: \"scroll\" }}>\\n\t\t<motion.div\\n\t\t\tinitial={{ opacity: 0 }}\\n\t\t\twhileInView={{ opacity: 1 }}\\n\t\t\tviewport={{ root: scrollRef }}\\n\t\t/>\\n\t</div>\\n\t)\\n}',\n  YZqYdFNJi: true,\n  zwfNN7clm: \"Development\"\n}, {\n  aY0h_20Va: \"\",\n  bOOpV2Cec: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"p\", {\n      children: \"Before you read on, remember that not every company or product requires a scalable design system. Whether it\u2019s because they are:\"\n    }), /*#__PURE__*/_jsxs(\"ul\", {\n      children: [/*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        children: /*#__PURE__*/_jsx(\"p\", {\n          children: \"Very small products\"\n        })\n      }), /*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        children: /*#__PURE__*/_jsx(\"p\", {\n          children: \"Projects with a very short deadline\"\n        })\n      }), /*#__PURE__*/_jsx(\"li\", {\n        \"data-preset-tag\": \"p\",\n        children: /*#__PURE__*/_jsx(\"p\", {\n          children: \"Shortage of human or capital resources\"\n        })\n      })]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"When to design components that grow with your product?\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [/*#__PURE__*/_jsx(\"strong\", {\n        children: \"Large or complex product: \"\n      }), \"Companies with one or more large products and complex components often require designs with the same molecular structure.\"]\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [/*#__PURE__*/_jsx(\"strong\", {\n        children: \"Long-term goals: \"\n      }), \"Sometimes it\u2019s difficult to define the long-term goals of a company or product. Goals can change overnight because we\u2019ll receive an unexpected injection of capital that allows us to extend the life of a project.\"]\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Predicting how it will be in five years\u2019 time is something magic, but finding out \", /*#__PURE__*/_jsx(\"strong\", {\n        children: \"where you want to go in one or two years\u2019 \"\n      }), \"time is easier.\"]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"If you don\u2019t know what direction you\u2019re sailing in, ask the people in charge how they see themselves in a year\u2019s time. That will help you to arrange your Design System in a more optimal way.\"\n    })]\n  }),\n  bVm2jC0h6: false,\n  CJdBqz0E6: \"design-a-scalable-design-system\",\n  Eiao2jj11: \"\",\n  hj1oYyzUA: false,\n  hkhBhmlHf: false,\n  HmIrP9ZmL: \"Atomize your components with the Marie Kondo style, and speed up the growth of your Design System.\",\n  HtiBtqzgc: false,\n  htUzdGu8f: false,\n  id: \"oHpxjdRkp\",\n  iZszati9D: \"Design a Scalable Design System\",\n  k4kVkS6x0: \"\",\n  LW9gVR3ox: \"\",\n  lwH3EsNjV: true,\n  mZGyoRQgQ: false,\n  pJulU_JOm: \"2022-09-29T00:00:00.000Z\",\n  PYnJeNV5B: {\n    alt: \"Design a Scalable Design System\",\n    src: new URL(\"https://framerusercontent.com/images/P4LRZLTjKGiEQ2Yq3iXvr1pF46M.jpg?scale-down-to=2048\").href\n  },\n  SE_Zm3OPM: \"\",\n  soWDSDBlV: false,\n  sVnqxfeG6: \"\",\n  tDJJ0bUT1: \"\",\n  tfFthA7sX: \"#7B1FA2\",\n  wkncOTLCw: false,\n  yWRXXFJtw: \"\",\n  YZqYdFNJi: true,\n  zwfNN7clm: \"Design\"\n}, {\n  aY0h_20Va: \"\",\n  bOOpV2Cec: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"h3\", {\n      children: \"Adobe acquired my favorite design tool\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"The weekend is over, yet I\u2019m still recovering from the news that Figma \u2014 my favorite design tool, has been acquired by Adobe. After spending some time on Facebook, Twitter, and other social media, my heart goes out to many designers in our community.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"I admit that, from a product designer\u2019s POV, $20B is a fantastic closing chapter for the Figma team. Figma has done a marvelous job of making design accessible to many people, especially in emerging markets and developing regions. Newcomers can experience, learn and hone their skills in design that would otherwise be nearly impossible. Talk about positive impact! On the other hand, the designer in me was not so happy, to be honest.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"In memories of Figma\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"I was one of those Figma early adopters. When I discovered Figma, I quickly realized this would be the perfect partner in crime on my journey to stay Adobe-free.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Figma\u2019s main advantage against other competitors was how their browser-based tools made collaboration better (and way more fun). Gone were the days of exchanging files back and forth between teams. The power of collaboration between developers, designers, builders, and start-up communities was immeasurable, thanks to Figma. When I was still at Torchlight, we faced issues maintaining and scaling up our design system in Adobe XD. However, by simply migrating into Figma, I saved the company quite a headache in terms of management and future cost. Moreover, with Figma, I could assist product managers, perform user testing and interview faster and more organized. Figma, while relatively new at the time, was such a big changer for my team.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"In contrast with other competitors, Figma\u2019s interface was simple and intuitive, just bare essentials. Since Figma simplified the design process, designers can focus on crafting the best possible user experience.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Collaboration and prototype links for Adobe XD cost around 20$ (for the lowest plan), which drove designers away to Figma free tier/education plan. When it comes to pricing, Figma was a winner. Additionally, the Adobe Creative Cloud suite is expensive, clunky, heavily bloated, and infamous for unexpectedly quitting on users. It was so inconvenient to install Creative Cloud and all of its extra bloatware, then install Adobe XD, to be able to design some mobile screens.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Figma\u2019s reliability, and ease of access, coupled with many user-request features and community-generated content, helped onboard many designers to the UI-UX industry.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Why Adobe bought Figma?\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"For decades, creatives regarded Adobe as the design industry titan. Ever since entering the market, Figma has risen to become a new UI-UX industry standard. I hoped this would force Adobe to upgrade their product experience to stay relevant. However, instead of listening to users about pricing, debloating the current CC package, or removing \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://twitter.com/darkpatterns/status/1489901640777973768?s=20&t=HVwdp1adO03ng_WTHlg2vg\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          href: \"https://twitter.com/darkpatterns/status/1489901640777973768?s=20&t=HVwdp1adO03ng_WTHlg2vg\",\n          rel: \"noreferrer noopener\",\n          target: \"_blank\",\n          children: \"dark patterns\"\n        })\n      }), \" from their practice, Adobe decided to acquire potential tools and competitors, seemingly doing whatever it took to maintain their domination. By purchasing Figma, Adobe thus has one less major competitor in the UX/UI design space. I guess if you cannot win them, buy them.\"]\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"A new age of design tools\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Undeniably, Adobe will be able to deliver users the best design tool available on the market from today. While Adobe asserts that current Figma pricing will stay, they may either bundle it inside Adobe Creative Cloud service, replace Adobe XD, or even turn it into another premium program, raising the monthly fee. Whatever the case, I hope aspiring designers won\u2019t have to deal with the notorious 14-day trial windows in Adobe product lineup.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Given they are both large cloud-based platforms, I expect faster load times, better optimization, and more openness for innovative integrations between Figma and Adobe CC. Imagining Figma supporting .eps, .ai, and .psd files. After Effects and 3D engine capabilities from Adobe CC could also be a realization. Moreover, with Figma\u2019s principles and technology, Adobe can further streamline user experiences and may even enhance collaboration capabilities for their current product lineup. Figma could also implement a thing or two from Adobe CC offline mode.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"I\u2019m concerned since Adobe has monopolized the current design tools market with this acquisition. I hope promising alternatives will arrive in the future. It makes me wonder whether we will see a truly free alternative to the Creative Cloud suite.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"The future is still up in the air\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"That said, I hope that designers can finally get an assistive tool that does not quit unexpectedly on them.\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [/*#__PURE__*/_jsx(\"strong\", {\n        children: \"We \u2014 the designers \u2014 must realize that tools do not determine who we are, not Figma, yet even Adobe.\"\n      }), \" Do not give up yet! Stay patient and hope for the best! Invest in your skill set, research methods, and study frameworks. With proper time, mindset, and resources, you are the agent of change \u2014 the best tool a company (even a community) can have.\"]\n    })]\n  }),\n  bVm2jC0h6: false,\n  CJdBqz0E6: \"a-new-era-of-design-tools\",\n  Eiao2jj11: \"\",\n  hj1oYyzUA: false,\n  hkhBhmlHf: false,\n  HmIrP9ZmL: \"This is not the end, but let\u2019s prepare!\",\n  HtiBtqzgc: false,\n  htUzdGu8f: false,\n  id: \"B0U07ZpPq\",\n  iZszati9D: \"A new era of design tools\",\n  k4kVkS6x0: \"\",\n  LW9gVR3ox: \"\",\n  lwH3EsNjV: true,\n  mZGyoRQgQ: false,\n  pJulU_JOm: \"2022-09-28T00:00:00.000Z\",\n  PYnJeNV5B: {\n    alt: \"A new era of design tools\",\n    src: new URL(\"https://framerusercontent.com/images/MuXTGwu9jIR4hg7srj6dqxpS60.jpg?scale-down-to=2048\").href\n  },\n  SE_Zm3OPM: \"\",\n  soWDSDBlV: true,\n  sVnqxfeG6: \"https://www.youtube.com/watch?v=auAbStj6nbY\",\n  tDJJ0bUT1: \"\",\n  tfFthA7sX: 'var(--token-458a80e8-bcfc-43ef-aade-baee184b0e3a, rgb(16, 193, 225)) /* {\"name\":\"$accent-primary\"} */',\n  wkncOTLCw: false,\n  yWRXXFJtw: \"\",\n  YZqYdFNJi: false,\n  zwfNN7clm: \"Press Release\"\n}, {\n  aY0h_20Va: \"\",\n  bOOpV2Cec: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"p\", {\n      children: \"Starting Friday, September 23, the most rugged and capable Apple Watch and the most advanced AirPods ever arrive at Apple Store locations and Apple Authorized Resellers around the world. Additionally, customers who ordered Apple Watch Ultra and AirPods Pro (2nd generation) online will begin receiving deliveries Friday. In-store and online, visitors will be able to experience the full line of new products with help from Apple Specialists ready to offer personalized support and advice.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Apple Watch Ultra\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Inspired by the most extreme activities, \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.apple.com/newsroom/2022/09/introducing-apple-watch-ultra/\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          href: \"https://www.apple.com/newsroom/2022/09/introducing-apple-watch-ultra/\",\n          rel: \"noreferrer noopener\",\n          target: \"_blank\",\n          children: \"Apple Watch Ultra\"\n        })\n      }), \" brings a new bold design and a wide range of features built for endurance, exploration, and adventure. A 49mm titanium case and flat sapphire front crystal reveal the biggest and brightest Apple Watch display yet, and a customizable Action button offers instant access to a wide range of useful features. Apple Watch Ultra has the best battery life of any Apple Watch, reaching up to 36 hours during normal use.1 Additionally, a new low-power setting, ideal for multi-day experiences, can extend battery life to reach up to 60 hours.2 The new Wayfinder watch face is designed specifically for the larger Apple Watch Ultra display and includes a compass built into the dial, with space for up to eight complications. Apple Watch Ultra introduces three new bands \u2014 Trail Loop, Alpine Loop, and Ocean Band \u2014 offering unique design features that provide a secure and comfortable fit for every adventure.\"]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Apple Watch Ultra is an incredible tool for endurance athletes or those who aspire to push beyond their limits. It delivers the most accurate GPS of any Apple Watch to date, providing users the most precise distance, pace, and route data for training and competing. For the first time ever in an Apple Watch, the precision dual-frequency GPS integrates both L1 and the latest frequency, L5, plus new positioning algorithms. Apple Watch Ultra also has enough battery life for most users to complete a long-course triathlon.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"With the bigger, brighter display and rugged design, Apple Watch Ultra is the perfect technical tool for adventurers and explorers in a range of environments, from the every day to the extreme. The completely redesigned Compass app in watchOS 9 surfaces more in-depth information and three distinct views, and offers Waypoints and Backtrack features.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Apple Watch Ultra is also designed for water sports, including extreme activities like kitesurfing and wakeboarding, along with recreational scuba diving to 40 meters with the new Oceanic+ app.3 To support underwater adventures, Apple Watch Ultra is certified to WR100 and also includes a Depth app that utilizes the new depth gauge.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"AirPods Pro (2nd Generation)\"\n    }), /*#__PURE__*/_jsxs(\"p\", {\n      children: [\"Powered by the new H2 chip, \", /*#__PURE__*/_jsx(Link, {\n        href: \"https://www.apple.com/newsroom/2022/09/apple-announces-the-next-generation-of-airpods-pro/\",\n        openInNewTab: true,\n        smoothScroll: false,\n        children: /*#__PURE__*/_jsx(\"a\", {\n          href: \"https://www.apple.com/newsroom/2022/09/apple-announces-the-next-generation-of-airpods-pro/\",\n          rel: \"noreferrer noopener\",\n          target: \"_blank\",\n          children: \"AirPods Pro (2nd generation)\"\n        })\n      }), \" unlock breakthrough audio performance, including major upgrades to Active Noise Cancellation and Transparency mode, while also delivering a unique way to experience Spatial Audio that\u2019s even more immersive. Using the TrueDepth camera on iPhone, users can create a Personalized Spatial Audio profile that delivers a listening experience precisely tuned just for them.\"]\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Now, customers can enjoy Touch control for media playback and volume adjustments directly from the stem, along with longer battery life, a brand-new charging case, and an additional ear tip size for a better fit. For more flexibility when traveling, AirPods Pro can now be charged with an Apple Watch charger, in addition to a MagSafe charger, Qi-certified charging mat, or the Lightning cable.\\xa0Additionally, the newly designed charging case is sweat- and water-resistant,5 includes a lanyard loop6 so it\u2019s always within reach, and is easier to locate with Precision Finding and a built-in speaker. Customers can even personalize the charging case with their individual Memoji.\"\n    })]\n  }),\n  bVm2jC0h6: false,\n  CJdBqz0E6: \"10-habits-that-will-change-your-live-for-the-better\",\n  Eiao2jj11: \"\",\n  hj1oYyzUA: true,\n  hkhBhmlHf: false,\n  HmIrP9ZmL: \"The rugged and capable Apple Watch Ultra and the next generation of AirPods Pro will arrive in Apple Store.\",\n  HtiBtqzgc: false,\n  htUzdGu8f: false,\n  id: \"vPGKC3eOO\",\n  iZszati9D: \"10 habits that will change your live for the better\",\n  k4kVkS6x0: \"\",\n  LW9gVR3ox: \"https://vimeo.com/14592941\",\n  lwH3EsNjV: true,\n  mZGyoRQgQ: false,\n  pJulU_JOm: \"2022-09-23T00:00:00.000Z\",\n  PYnJeNV5B: {\n    alt: \"10 habits that will change your live for the better\",\n    src: new URL(\"https://framerusercontent.com/images/uZ83WBZSkEGzucUVSEp82kzwnW8.jpeg\").href\n  },\n  SE_Zm3OPM: \"\",\n  soWDSDBlV: false,\n  sVnqxfeG6: \"\",\n  tDJJ0bUT1: \"\",\n  tfFthA7sX: \"#D32F2F\",\n  wkncOTLCw: false,\n  yWRXXFJtw: \"\",\n  YZqYdFNJi: false,\n  zwfNN7clm: \"Updates\"\n}, {\n  aY0h_20Va: \"\",\n  bOOpV2Cec: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"p\", {\n      children: \"As the internet continues to develop and grow exponentially, jobs related to the industry do too, particularly those that relate to web design and development. The prediction is that by 2029, the job outlook for these two fields will grow by 8%\u2014significantly faster than average. Whether you\u2019re seeking salaried employment or aiming to work in a freelance capacity, a career in web design can offer a variety of employment arrangements, competitive salaries, and opportunities to utilize both technical and creative skill sets.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"What does a career in web design involve?\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"A career in website design can involve the design, creation, and coding of a range of website types. Other tasks will typically include liaising with clients and discussing website specifications, incorporating feedback, working on graphic design and image editing, and enabling multimedia features such as audio and video.  Requiring a range of creative and technical skills, web designers may be involved in work across a range of industries, including software companies, IT consultancies, web design companies, corporate organizations, and more. In contrast with web developers, web designers tend to play a more creative role, crafting the overall vision and design of a site, and determining how to best incorporate the necessary functionality. However, there can be significant overlap between the roles.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Full-stack, back-end, and front-end web development\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"The U.S. Bureau of Labor Statistics (BLS) Occupational Outlook Handbook tends to group web developers and digital designers into one category. However, they define them separately, stating that web developers create and maintain websites and are responsible for the technical aspects including performance and capacity.  Web or digital designers, on the other hand, are responsible for the look and functionality of websites and interfaces. They develop, create, and test the layout, functions, and navigation for usability. Web developers can focus on the back-end, front-end, or full-stack development, and typically utilize a range of programming languages, libraries, and frameworks to do so. Web designers may work more closely with front-end engineers to establish the user-end functionality and appearance of a site.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Are web designers in demand in 2022?\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"In our ever-increasingly digital environment, there is a constant need for websites\u2014and therefore for web designers and developers. With 17.4 billion websites in existence as of January 2020, the demand for web developers is only expected to rise.Web designers with significant coding experience are typically in higher demand, and can usually expect a higher salary. Like all jobs, there are likely to be a range of opportunities, some of which are better paid than others. But certain skill sets are basic to web design, most of which are key to how to become a web designer in 2022.\"\n    })]\n  }),\n  bVm2jC0h6: false,\n  CJdBqz0E6: \"5-efficient-rules-how-to-organize-your-working-place\",\n  Eiao2jj11: \"\",\n  hj1oYyzUA: false,\n  hkhBhmlHf: false,\n  HmIrP9ZmL: \"As the internet continues to develop and grow exponentially, jobs related to the industry do too.\",\n  HtiBtqzgc: false,\n  htUzdGu8f: false,\n  id: \"TtrpQuLIa\",\n  iZszati9D: \"5 efficient rules how to organize your working place\",\n  k4kVkS6x0: \"\",\n  LW9gVR3ox: \"\",\n  lwH3EsNjV: true,\n  mZGyoRQgQ: true,\n  pJulU_JOm: \"2022-04-08T00:00:00.000Z\",\n  PYnJeNV5B: {\n    alt: \"5 efficient rules how to organize your working place\",\n    src: new URL(\"https://framerusercontent.com/images/5eL4RPShiSrjCFG8yBTANCtSg.jpg?scale-down-to=2048\").href\n  },\n  SE_Zm3OPM: \"https://open.spotify.com/episode/1yEnx7zlGOm70njVEwaoHL?si=hB7Wo8U_S8OkUFcSFqLYLg\",\n  soWDSDBlV: false,\n  sVnqxfeG6: \"\",\n  tDJJ0bUT1: \"\",\n  tfFthA7sX: 'var(--token-ecfd1713-5503-43d8-b43b-6f610e73007d, rgb(255, 179, 0)) /* {\"name\":\"$accent-secondary\"} */',\n  wkncOTLCw: false,\n  yWRXXFJtw: \"\",\n  YZqYdFNJi: true,\n  zwfNN7clm: \"Development\"\n}, {\n  aY0h_20Va: \"\",\n  bOOpV2Cec: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"p\", {\n      children: \"Last month, I had the chance to attend CSS Day in Amsterdam, a two day event split between a \u201CUI day\u201D focusing on the intersection of design and development and a \u201CCSS day\u201D, with speakers who covered more in-depth, technical CSS subjects. The talks were as diverse as the background of the speakers themselves, but there was one common thread: In this era of rapid change, are we, as product people, equipped to design for automation, machine learning, and AI?\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"What does automation mean for designers?\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"It's hard to work on a product team that hasn\u2019t automated some part of their workflow in the name of productivity. If machines can take care of the repeatable tasks and heavy lifting, designers can focus on doing more meaningful work. But how does this affect the way we use the work being created by machines?\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Josh Clark, founder of design studio Big Medium, provoked the audience with this very question during his talk, \u2018A.I. is your New Design Material\u2019. Some of the most impressive advancements in recent technology are things like facial recognition, predictive text, and image search, all powered by machine learning. But it's important to remember\u2014all of these technologies are still built on code. The upside is less room for error. No real emotions, expectations, or feelings get in the way of the job it was designed to do.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Yet, as humans, we assume that when facial recognition fails, the whole process is inherently flawed. But was it really?\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"According to Josh, that is the most fundamental thing to understand when it comes to machines. Not meeting our human expectations, doesn\u2019t automatically make the technology itself a failure. These things were, by definition, built on logic, which begs the question: Can a robot's solution actually be wrong?\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"The point of introducing machine learning into our products was never to have them do all the work. Instead, algorithms and logic-based solutions ought only provide humans with better insight so as to empower us to arrive at better solutions, faster.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"This fundamental understanding our users that really helps us make better products. This might be a simple example, but if a computer can figure out how to walk on it's own, maybe it's time to start investigating why and how these solutions were formed.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"How do we design for the unknown future?\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Jared Spool, Co-Founder of UIE asks, \u201CWhat was the most important thing you learned yesterday, and how will it impact what you do in the future?\u201D\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"As designers and researchers, we essentially always need to think about how we design products for the future, even as we\u2019re meeting the demands of present day design. A tall order, especially when things move as fast as they have been over the last decade.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"To start, Jared advocates for looking back at the ways in which our design processes have already changed.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Remember when UX/UI wasn't a priority for many companies? As a consultant during a time when the Internet had yet to hit mass market appeal, Jared was able to steer many companies into a mindset that considered the user experience of a product.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: 'But this also lets us gain input into how UX and UI has looked over the years, which might give us a better idea of what these concepts will look like moving forward. Jared describes a term called \"The UX Tipping Point\", with great actionable steps on how to get there.'\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"In the past, designers had to fight for a seat at the table. If today you\u2019re not starting from a place of advocating for user experience (like they were 10 years ago), they\u2019re likely not starting at that tipping point. As a result, designers still have to ensure that the role of UX matures within the company, as well as the understanding of what makes UX important. When an organization hits the last stage, and fully embraces UX design from everything the company does, they fully hit The UX Tipping Point.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Are we designing for users or ourselves?\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"People don't always know what they want, even if they think the do. As Joe Leech, a UX psychologist says, \\\"People want more choices, but can't deal with them.\u201D\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"So how do we design for our users, if our users aren\u2019t always telling us the truth? This is one of the most important questions, and something that extensive UX research helps us accomplish.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Back in the 2000s, psychologists Sheena Iyengar and Mark Lepper ran a study regarding consumer choices. They went to a local supermarket, and instructed the store to only sell 6 varieties of jam one week, followed by 30 varieties the following week.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"They ran a study on how much jam was sold, and to everyone's surprise, more jam was sold on the week with only 6 choices. But interestingly enough, when the consumers were asked which week they preferred more, they responded with the week that had 30 choices.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Using this analogy, Joe makes a point that is hard to argue with, \u201CA designer who doesn't understand psychology is going to be more successful than an architect who doesn't understand physics\\\".\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"User research, and a wide variety of it, helps teams get as close as possible to the root of a user\u2019s needs, over their wants. Studying responses on a larger scale is more work, but it helps form the foundation for true UX.\"\n    })]\n  }),\n  bVm2jC0h6: false,\n  CJdBqz0E6: \"what-it-feels-like-to-no-longer-worry-about-money\",\n  Eiao2jj11: \"https://soundcloud.com/groenlandband/immune?si=ee924eea5fcc4f48a2771441b458ad4e&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing\",\n  hj1oYyzUA: false,\n  hkhBhmlHf: true,\n  HmIrP9ZmL: \"The talks were as diverse as the background of the speakers themselves, but there was one common thread.\",\n  HtiBtqzgc: false,\n  htUzdGu8f: false,\n  id: \"b1KSd2TQN\",\n  iZszati9D: \"What it feels like to no longer worry about money\",\n  k4kVkS6x0: \"\",\n  LW9gVR3ox: \"\",\n  lwH3EsNjV: true,\n  mZGyoRQgQ: false,\n  pJulU_JOm: \"2022-02-28T00:00:00.000Z\",\n  PYnJeNV5B: {\n    alt: \"What it feels like to no longer worry about money\",\n    src: new URL(\"https://framerusercontent.com/images/opD2TICxhrAkzoiWE3XpP6ss2A.jpg?scale-down-to=2048\").href\n  },\n  SE_Zm3OPM: \"\",\n  soWDSDBlV: false,\n  sVnqxfeG6: \"\",\n  tDJJ0bUT1: \"\",\n  tfFthA7sX: \"#7b1fa2\",\n  wkncOTLCw: false,\n  yWRXXFJtw: \"\",\n  YZqYdFNJi: true,\n  zwfNN7clm: \"Design\"\n}, {\n  aY0h_20Va: \"\",\n  bOOpV2Cec: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"h3\", {\n      children: \"What is a landing page?\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Whether you work in marketing, sales, or product design, you understand the importance of a quality landing page. Landing pages are standalone websites used to generate leads or sales\u2014in other words they help you increase your revenue. Unlike typical web pages, landing pages only have one call to action, or CTA, and they are usually tied to a specific marketing or advertising campaign. The hyper-focused nature of landing pages means they come with a pretty standard set of best practices.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Landing pages vs. front pages\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"A typical front page or website in general includes a full navigation bar with tons of links throughout the page linking to other pages or pieces of content. A good landing page should only have one link, or multiple links that all point to the same thing. Having one CTA on your landing page increases conversions because there\u2019s less distraction\u2014fewer equally appealing options to prompt your users into leaving your landing page.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Your brand\u2019s front page has totally different goals. It should show off your brand\u2019s personality, let people explore different features, find blogs and support articles, or even apply for a job. But they won\u2019t necessarily purchase your product from the front page. And that\u2019s why we need landing pages.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Since landing pages are tied to specific campaigns, you don\u2019t need to worry about users lacking information about your product. They arrived at your landing page because they were interested in an ad or post on Google, Bing, YouTube, Facebook, Instagram, Twitter, or similar places on the web. With super detailed campaigns pointing to easy-to-use landing pages, you\u2019re getting high-quality leads that are actually interested in using your product.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Best practices for creating a landing page\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"What makes an easy-to-use landing page? Overall it\u2019s clear, concise, and doesn\u2019t give users any options except for the main CTA.In terms of copy, your landing page should have one clear message. The header of your page should promote the desired action you want visitors to take. And additionally it should explain the benefits of performing this action.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"The visual design of your page should be very simple. Unlike your front page, this is not the place to go crazy with brand personality\u2014so no wild animations or complex design elements. You wouldn\u2019t want to distract visitors from performing the main action of your page.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Landing page CTA\u2019s are typically buttons, sometimes accompanied by an input field if you need to collect user information. To ensure your buttons are clicked, make sure they stand out visually. This can be done with contrasting the button color with your page background and clear copy on the button itself. For example, if you are asking visitors to book a demo, write\u201CBook a demo\u201D clearly on the CTA button.\"\n    })]\n  }),\n  bVm2jC0h6: true,\n  CJdBqz0E6: \"40-reasons-to-avoid-shopping-on-black-friday\",\n  Eiao2jj11: \"\",\n  hj1oYyzUA: false,\n  hkhBhmlHf: false,\n  HmIrP9ZmL: \"Whether you work in marketing, sales, or product design, you understand the importance of a quality landing page.\",\n  HtiBtqzgc: false,\n  htUzdGu8f: false,\n  id: \"nbLydiKDl\",\n  iZszati9D: \"40 reasons to avoid shopping on black friday\",\n  k4kVkS6x0: \"\",\n  LW9gVR3ox: \"\",\n  lwH3EsNjV: true,\n  mZGyoRQgQ: false,\n  pJulU_JOm: \"2022-03-15T00:00:00.000Z\",\n  PYnJeNV5B: {\n    alt: \"\",\n    src: new URL(\"https://framerusercontent.com/images/GZ2rYCvvSMtDchuhvdOAV5dmE.jpg?scale-down-to=2048\").href\n  },\n  SE_Zm3OPM: \"\",\n  soWDSDBlV: false,\n  sVnqxfeG6: \"\",\n  tDJJ0bUT1: \"https://podcasts.apple.com/tr/podcast/the-queen/id73802620?i=1000579765512\",\n  tfFthA7sX: \"#d32f2f\",\n  wkncOTLCw: false,\n  yWRXXFJtw: \"\",\n  YZqYdFNJi: true,\n  zwfNN7clm: \"Updates\"\n}, {\n  aY0h_20Va: \"\",\n  bOOpV2Cec: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"p\", {\n      children: \"Navigation is key within any digital interface. Smart Components enable us to create custom interactive navigation components that work perfectly with the rest of your prototype.In this guide, we will cover the concepts of nesting components, adding events to elements in a component using Event Variables, and passing these through your components. One of the main benefits of using nested components is that it provides full control over its states, such as unique hover states of elements within another component.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Starting at the atomic level\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Framer allows you to create fully interactive and animated components, and even allows you to nest components within other components. We\u2019re building a navigation bar component for a website that will contain two different kinds of nested components, with their own unique interactions. Our project will contain a Navigation bar that contains various nested components, namely five Nav items and one Shopping cart component. The design of our nested components, the nav list item and the shopping cart, will impact how we design our navigation bar. For this reason, an optimal workflow includes starting with the 'deepest' nested component and building up from there.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Nesting components\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Once we have our two components ready, we can start creating the component in which we will nest these. Draw your navigation bar, select it on the canvas and click the Component tool in the Toolbar. To nest a different component in our new component, just drag any other component to the Component Canvas and place it within your designed navigation bar.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Triggering interactions from the navigation bar\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Back on the main canvas, we\u2019d like to be able to tap 'Clothing' and navigate to an entire new Screen. If you\u2019d connect the component using the Prototyping Connector to a new screen, we could set up an Interaction. However, this would be triggered if we tap anywhere within our component. This isn\u2019t what we want to do, as we want to trigger this transition only from a specific element. This is where Event Variables come in, which are special types of Variables not attached to properties (like opacity or fill) but instead to events.\"\n    })]\n  }),\n  bVm2jC0h6: false,\n  CJdBqz0E6: \"5-essential-tips-for-dealing-with-uncertainty\",\n  Eiao2jj11: \"\",\n  hj1oYyzUA: false,\n  hkhBhmlHf: false,\n  HmIrP9ZmL: \"Navigation is key within any digital interface.\",\n  HtiBtqzgc: true,\n  htUzdGu8f: false,\n  id: \"jITz78utC\",\n  iZszati9D: \"5 essential tips for dealing with uncertainty\",\n  k4kVkS6x0: \"https://music.apple.com/tr/album/vor-%C3%AD-vaglask%C3%B3gi/1107254993?i=1107255004&l=tr\",\n  LW9gVR3ox: \"\",\n  lwH3EsNjV: true,\n  mZGyoRQgQ: false,\n  pJulU_JOm: \"2022-02-06T00:00:00.000Z\",\n  PYnJeNV5B: {\n    alt: \"5 essential tips for dealing with uncertainty\",\n    src: new URL(\"https://framerusercontent.com/images/YFTQCIFDTQ8PAypecHfvx2Jjhc.jpg?scale-down-to=2048\").href\n  },\n  SE_Zm3OPM: \"\",\n  soWDSDBlV: false,\n  sVnqxfeG6: \"\",\n  tDJJ0bUT1: \"\",\n  tfFthA7sX: \"#388e3c\",\n  wkncOTLCw: false,\n  yWRXXFJtw: \"\",\n  YZqYdFNJi: true,\n  zwfNN7clm: \"Press Release\"\n}, {\n  aY0h_20Va: \"4f22858f-1115-4a17-bd9d-0d20bd812494\",\n  bOOpV2Cec: /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"h3\", {\n      children: \"What is a portfolio?\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"A portfolio is any method used to showcase your best work. No matter the industry, fashion, architecture, or design, there are tons of ways to display your work in order to get a new job or expand your audience or customers.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Types of design portfolios\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"Depending on the type of design work that you do, there are different portfolio formats that will be best suited for your needs. A design portfolio can be digital in the form of a website, slideshow, or PDF but it can also be analog in the form of a print book or poster.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"Graphic Design Portfolio\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"When it comes to graphic design, designing a PDF as your portfolio is becoming more and more popular to highlight your work and PDF design skills. Using tools like InDesign and Photoshop you can create multi-page PDFs that can be fine-tuned and formatted any way you like. With new software, like Framer, it's becoming even easier to create a PDF online and share it in no time.\\xa0The result of your PDF portfolio will be a brochure or one-pager piece that shows off examples of your best work along with the descriptions of each project and more related information.\"\n    }), /*#__PURE__*/_jsx(\"h3\", {\n      children: \"UX Design Portfolio\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"For UX designers, online portfolios are probably the most popular type today. This can be in the form of a simple one-page website with your contact information or a more thorough online gallery site. If your main discipline is web design, a portfolio website is the choice for you. It serves as an example itself of your web design skills, as well as highlighting your best work where it\u2019s meant to be seen.Portfolio websites come with many benefits, especially as most of our work is done online. First, they can show off design properties like animation and interactivity.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"As an important part of UX design, it\u2019s important to show these aspects so viewers get the full experience of your designs. Next, website portfolios are super easy to share. You can include the link in your social media bios as well as send the link to anyone at any time. Your work will become more readily available this way. Finally, online portfolios are a great way to show off your personality. As the more new-age mention of displaying your work, you are less constrained by the rules of the classic print portfolio.\"\n    }), /*#__PURE__*/_jsx(\"p\", {\n      children: \"When going the online portfolio route there are some drawbacks. First, website portfolios often require knowledge of code to create. This can be a blocker for many UX designers. However, there are increasingly more tools like Framer that allow you to create a design portfolio without code. Next, you have to keep in mind the constraints of the web. Things like breakpoints, different browsers, and rendering issues that you wouldn\u2019t have to think about in print portfolios. Finally, website portfolios can be more time-consuming to create depending on how many site pages you need.\"\n    })]\n  }),\n  bVm2jC0h6: false,\n  CJdBqz0E6: \"7-self-discipline-tips-that-will-help-you-in-business\",\n  Eiao2jj11: \"\",\n  hj1oYyzUA: false,\n  hkhBhmlHf: false,\n  HmIrP9ZmL: \"A portfolio is any method used to showcase your best work.\",\n  HtiBtqzgc: false,\n  htUzdGu8f: true,\n  id: \"AWa6ORCle\",\n  iZszati9D: \"7 self-discipline tips that will help you in business\",\n  k4kVkS6x0: \"\",\n  LW9gVR3ox: \"\",\n  lwH3EsNjV: true,\n  mZGyoRQgQ: false,\n  pJulU_JOm: \"2022-01-12T00:00:00.000Z\",\n  PYnJeNV5B: {\n    alt: \"7 self-discipline tips that will help you in business\",\n    src: new URL(\"https://framerusercontent.com/images/7ihkRyN05dAEkU2gvBqx5E128.jpg?scale-down-to=2048\").href\n  },\n  SE_Zm3OPM: \"\",\n  soWDSDBlV: false,\n  sVnqxfeG6: \"\",\n  tDJJ0bUT1: \"\",\n  tfFthA7sX: \"#D32F2F\",\n  wkncOTLCw: false,\n  yWRXXFJtw: \"\",\n  YZqYdFNJi: true,\n  zwfNN7clm: \"Updates\"\n}];\naddPropertyControls(data, {\n  iZszati9D: {\n    defaultValue: \"\",\n    title: \"Title\",\n    type: ControlType.String\n  },\n  zwfNN7clm: {\n    defaultValue: \"\",\n    title: \"Category\",\n    type: ControlType.String\n  },\n  tfFthA7sX: {\n    defaultValue: 'var(--token-458a80e8-bcfc-43ef-aade-baee184b0e3a, rgb(16, 193, 225)) /* {\"name\":\"$accent-primary\"} */',\n    title: \"Category Tint\",\n    type: ControlType.Color\n  },\n  lwH3EsNjV: {\n    defaultValue: true,\n    title: \"Has Summary\",\n    type: ControlType.Boolean\n  },\n  HmIrP9ZmL: {\n    defaultValue: \"\",\n    placeholder: \"\",\n    title: \"Summary\",\n    type: ControlType.String\n  },\n  bOOpV2Cec: {\n    defaultValue: \"\",\n    title: \"Content\",\n    type: ControlType.RichText\n  },\n  pJulU_JOm: {\n    defaultValue: \"\",\n    title: \"Date\",\n    type: ControlType.Date\n  },\n  YZqYdFNJi: {\n    defaultValue: true,\n    title: \"Has Image\",\n    type: ControlType.Boolean\n  },\n  PYnJeNV5B: {\n    __defaultAssetReference: \"data:framer/asset-reference,MuXTGwu9jIR4hg7srj6dqxpS60.jpg?originalFilename=Two+Boxed+Water+cartons+on+a+white+surface.jpg&preferredSize=auto\",\n    title: \"Image\",\n    type: ControlType.ResponsiveImage\n  },\n  soWDSDBlV: {\n    defaultValue: false,\n    title: \"Has You Tube Video\",\n    type: ControlType.Boolean\n  },\n  sVnqxfeG6: {\n    defaultValue: \"\",\n    placeholder: \"https://youtu.be/smPos0mJvh8\",\n    title: \"You Tube Video URL\",\n    type: ControlType.String\n  },\n  hj1oYyzUA: {\n    defaultValue: false,\n    title: \"Has Vimeo\",\n    type: ControlType.Boolean\n  },\n  LW9gVR3ox: {\n    defaultValue: \"\",\n    displayTextArea: false,\n    placeholder: \"https://vimeo.com/642263700\",\n    title: \"Vimeo Video URL\",\n    type: ControlType.String\n  },\n  mZGyoRQgQ: {\n    defaultValue: false,\n    title: \"Has Spotify\",\n    type: ControlType.Boolean\n  },\n  SE_Zm3OPM: {\n    defaultValue: \"\",\n    placeholder: \"https://open.spotify.com/album/31qVWUdRrlb8thMvts0yYL?si=Jl-8Mnc3RNGuOtqRC7NXVg\",\n    title: \"Spotify URL\",\n    type: ControlType.String\n  },\n  bVm2jC0h6: {\n    defaultValue: false,\n    title: \"Has Apple Podcasts\",\n    type: ControlType.Boolean\n  },\n  tDJJ0bUT1: {\n    defaultValue: \"\",\n    placeholder: \"https://podcasts.apple.com/us/podcast/168-auto-goats-feat-koen-bok-and-jorn-van-dijk/id947191070?i=1000376864263\",\n    title: \"Apple Podcasts URL\",\n    type: ControlType.String\n  },\n  hkhBhmlHf: {\n    defaultValue: false,\n    title: \"Has Sound Cloud\",\n    type: ControlType.Boolean\n  },\n  Eiao2jj11: {\n    defaultValue: \"\",\n    placeholder: \"https://soundcloud.com/flume/flume-lose-it-feat-vic-mensa\",\n    title: \"Sound Cloud URL\",\n    type: ControlType.String\n  },\n  HtiBtqzgc: {\n    defaultValue: false,\n    title: \"Has Apple Music\",\n    type: ControlType.Boolean\n  },\n  k4kVkS6x0: {\n    defaultValue: \"\",\n    placeholder: \"https://music.apple.com/us/album/borderline/1497230760?i=1497230972\",\n    title: \"Apple Music URL\",\n    type: ControlType.String\n  },\n  htUzdGu8f: {\n    defaultValue: false,\n    title: \"Has Simplecast\",\n    type: ControlType.Boolean\n  },\n  wkncOTLCw: {\n    defaultValue: false,\n    title: \"Has Code\",\n    type: ControlType.Boolean\n  },\n  yWRXXFJtw: {\n    defaultValue: \"\",\n    displayTextArea: true,\n    title: \"Code\",\n    type: ControlType.String\n  },\n  aY0h_20Va: {\n    defaultValue: \"\",\n    placeholder: \"87dc4001-95cb-49bf-a372-7c25539957e2\",\n    title: \"Simplecast ID\",\n    type: ControlType.String\n  },\n  CJdBqz0E6: {\n    title: \"URL Slug\",\n    type: ControlType.String\n  }\n});\ndata[\"displayName\"] = \"Blog\";\nexport default data;\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"data\",\n      \"name\": \"data\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerSlug\": \"CJdBqz0E6\",\n        \"framerRecordIdKey\": \"id\",\n        \"framerData\": \"\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};"],
  "mappings": "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GACX,UAAW,GACX,UAAW,6DACX,UAAW,GACX,UAAW,GACX,GAAI,YACJ,UAAW,wDACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,2BACX,UAAW,CACT,IAAK,wDACL,IAAK,IAAI,IAAI,uFAAuF,EAAE,IACxG,EACA,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,UACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,SACb,CAAC,EACDE,EAAoBL,EAAM,CACxB,UAAW,CACT,aAAc,GACd,MAAO,QACP,KAAMM,EAAY,MACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,WACP,KAAMA,EAAY,MACpB,EACA,UAAW,CACT,aAAc,wGACd,MAAO,gBACP,KAAMA,EAAY,KACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,cACP,KAAMA,EAAY,OACpB,EACA,UAAW,CACT,aAAc,GACd,YAAa,GACb,MAAO,UACP,KAAMA,EAAY,MACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,UACP,KAAMA,EAAY,QACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,OACP,KAAMA,EAAY,IACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,YACP,KAAMA,EAAY,OACpB,EACA,UAAW,CACT,wBAAyB,gJACzB,MAAO,QACP,KAAMA,EAAY,eACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,qBACP,KAAMA,EAAY,OACpB,EACA,UAAW,CACT,aAAc,GACd,YAAa,+BACb,MAAO,qBACP,KAAMA,EAAY,MACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,YACP,KAAMA,EAAY,OACpB,EACA,UAAW,CACT,aAAc,GACd,gBAAiB,GACjB,YAAa,8BACb,MAAO,kBACP,KAAMA,EAAY,MACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,cACP,KAAMA,EAAY,OACpB,EACA,UAAW,CACT,aAAc,GACd,YAAa,kFACb,MAAO,cACP,KAAMA,EAAY,MACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,qBACP,KAAMA,EAAY,OACpB,EACA,UAAW,CACT,aAAc,GACd,YAAa,mHACb,MAAO,qBACP,KAAMA,EAAY,MACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,kBACP,KAAMA,EAAY,OACpB,EACA,UAAW,CACT,aAAc,GACd,YAAa,4DACb,MAAO,kBACP,KAAMA,EAAY,MACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,kBACP,KAAMA,EAAY,OACpB,EACA,UAAW,CACT,aAAc,GACd,YAAa,sEACb,MAAO,kBACP,KAAMA,EAAY,MACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,iBACP,KAAMA,EAAY,OACpB,EACA,UAAW,CACT,aAAc,GACd,MAAO,WACP,KAAMA,EAAY,OACpB,EACA,UAAW,CACT,aAAc,GACd,gBAAiB,GACjB,MAAO,OACP,KAAMA,EAAY,MACpB,EACA,UAAW,CACT,aAAc,GACd,YAAa,uCACb,MAAO,gBACP,KAAMA,EAAY,MACpB,EACA,UAAW,CACT,MAAO,WACP,KAAMA,EAAY,MACpB,CACF,CAAC,EACDN,EAAK,YAAiB,OACtB,IAAOO,EAAQP,EACFQ,EAAqB,CAChC,QAAW,CACT,QAAW,CACT,KAAQ,OACR,KAAQ,OACR,YAAe,CACb,sBAAyB,IACzB,WAAc,YACd,kBAAqB,KACrB,WAAc,EAChB,CACF,EACA,mBAAsB,CACpB,KAAQ,UACV,CACF,CACF",
  "names": ["data", "u", "x", "p", "Link", "addPropertyControls", "ControlType", "ojJPGtX3S_default", "__FramerMetadata__"]
}