{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/LJKi4v0DLfPolqsNcBXh/V3WHNaq2R0Zg3Njn6cYW/j1TgmImUG.js"],
  "sourcesContent": ["import{jsx as e,jsxs as t}from\"react/jsx-runtime\";import{addPropertyControls as a,ControlType as o}from\"framer\";import*as n from\"react\";let i=\"pFQR3U8cW\",r=\"ZdbinPdmg\",s=\"pPk_g7pis\",h=\"DQ5wuB_P9\",l=\"AjS3D9GjT\",d=(e,t)=>{if(e&&\"object\"==typeof e)return{...e,alt:t};},c=[{id:\"iFAWNBDIS\",[i]:'\"The Story of: In the Wake of Sweetness\"',[r]:\"in-the-wake-of-sweetness\",[s]:\"2024-01-19T00:00:00.000Z\",[h]:d({src:\"https://framerusercontent.com/images/RD3xlrtgCEC7hwlQs3R2OtjI.jpg\",srcSet:\"https://framerusercontent.com/images/RD3xlrtgCEC7hwlQs3R2OtjI.jpg?scale-down-to=512 512w, https://framerusercontent.com/images/RD3xlrtgCEC7hwlQs3R2OtjI.jpg?scale-down-to=1024 1024w, https://framerusercontent.com/images/RD3xlrtgCEC7hwlQs3R2OtjI.jpg?scale-down-to=2048 2048w, https://framerusercontent.com/images/RD3xlrtgCEC7hwlQs3R2OtjI.jpg 4000w\"},\"\"),[l]:/*#__PURE__*/t(n.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"Once upon a time in a suburban neighborhood lived the Sugarbrook family, who loved each other very much. The family consisted of a father, mother, and their two little ones. This suburban neighborhood was similar to any other, with people leading normal lives\u2014working, taking care of their families, going to school, and so on. However, this neighborhood had a slight difference: humans and magical creatures coexisted peacefully and in balance.\"}),/*#__PURE__*/e(\"p\",{children:\"Fairies were commonly known as companions for humans in this neighborhood, and the Sugarbrook family also had a fairy living with them. The fairy would help with household chores, including preparing food and beverages, which mirrored the family's habits.\"}),/*#__PURE__*/e(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,wOlb6JObwOQIMhHeeTboNZV9q4.png\",\"data-framer-height\":\"774\",\"data-framer-width\":\"548\",height:\"387\",src:\"https://framerusercontent.com/images/wOlb6JObwOQIMhHeeTboNZV9q4.png\",style:{aspectRatio:\"548 / 774\"},width:\"274\"}),/*#__PURE__*/e(\"p\",{children:\"On a Sunday morning, the family gathered for brunch in their backyard. The mother and older sister enjoyed pancakes with a lot of maple syrup, while the little one, who struggled with body image issues, had only a banana to eat and drink. Mr. Sugarbrook, aware of the little one's concerns, asked his wife to have a similar meal of just a banana that day. However, the fairy, knowing how much Mr. Sugarbrook loved sweet drinks, still prepared his favorite drink for him.\"}),/*#__PURE__*/e(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,EYPZagHrSi6juKHaxnH1EhD6MY.png\",\"data-framer-height\":\"548\",\"data-framer-width\":\"774\",height:\"274\",src:\"https://framerusercontent.com/images/EYPZagHrSi6juKHaxnH1EhD6MY.png\",style:{aspectRatio:\"774 / 548\"},width:\"387\"}),/*#__PURE__*/e(\"p\",{children:'The little one noticed something different about the fairy while she added sweet ingredients and fruits to her father\\'s drink. \"Wait,\" thought the little one, and she reached out to one of the fairies that landed on her palm. Using her glasses, she closely observed the fairy and realized that it was crying. The fairy wiped away its tears and flew away.'}),/*#__PURE__*/e(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,B3Yrq0FNCzw6wrNxmCOI8tzvR0.png\",\"data-framer-height\":\"774\",\"data-framer-width\":\"548\",height:\"387\",src:\"https://framerusercontent.com/images/B3Yrq0FNCzw6wrNxmCOI8tzvR0.png\",style:{aspectRatio:\"548 / 774\"},width:\"274\"}),/*#__PURE__*/e(\"p\",{children:\"Hastily finishing her banana, the little one excused herself from the table and hurriedly followed the fairy. She ventured deep into the forest, where the sun barely reached through the thick trees. She wondered if this was where the fairies lived and felt a mix of fear and curiosity. It was like stepping into a new world she had never imagined.\"}),/*#__PURE__*/e(\"p\",{children:\"Finally, they stopped in front of a giant lily of the valley flower, the little one's favorite flower. Without hesitation, she reached out and placed the flower petals on her head, as if wearing a helmet. Suddenly, everything fell silent.\"}),/*#__PURE__*/e(\"p\",{children:\"There was no sound except for her own breath...\"}),/*#__PURE__*/e(\"p\",{children:\"Then, a drop of water landed on her nose, and suddenly, it started pouring rain. But this was no ordinary rain\u2014the drops glowed, and when they touched her skin, it transformed her. She tried to escape, but she couldn't run. Looking down at her feet, she saw that many fairies were holding onto them, trying hard to keep her still. She didn't know fairies possessed this kind of magic. Struggling to free herself, she realized that only a small spot in front of her nose hadn't changed. The last drop fell onto her nose, and everything fell silent once again.\"}),/*#__PURE__*/e(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,Y4B2xrHtkuOPl2mgKHCVtlZdgpo.png\",\"data-framer-height\":\"774\",\"data-framer-width\":\"548\",height:\"387\",src:\"https://framerusercontent.com/images/Y4B2xrHtkuOPl2mgKHCVtlZdgpo.png\",style:{aspectRatio:\"548 / 774\"},width:\"274\"}),/*#__PURE__*/e(\"p\",{children:'She opened her eyes to the sound of continuous whispers of \"Sweet\" in her ears. It was the fairies, repeatedly saying \"sweet,\" but strangely, she was the same size as the fairies now. That\\'s when she realized she had turned into one of them.'}),/*#__PURE__*/e(\"p\",{children:'Other fairies helped her learn how to fly, but she was a natural-born fast learner. Having grown up with the understanding that no one would always be around, she had learned to be independent. After she could fly like any other fairy, the first thought that came to her mind was to tell her beloved father about her transformation. She sought permission from the other fairies, and though she only said one word, \"sweet,\" it seemed the fairies understood what she meant.'}),/*#__PURE__*/e(\"p\",{children:\"The little one could see her house and flew there with great speed. She couldn't wait to tell her father about her experience, knowing he would be fine with it. He had always been gentle with her, and with that trust, she felt confident.\"}),/*#__PURE__*/e(\"p\",{children:\"However, upon arriving home, she found the house filled with sadness. Her father lay in bed, sleeping, looking tired and older. She gently placed her small palm on her father's cheek, and he smiled, although still asleep. His smile brought her some comfort. She thought that now, as a fairy, she could bring more happiness to her father. She remembered how the fairy always made her father's favorite beverages.\"}),/*#__PURE__*/e(\"p\",{children:'In a hurry, she flew to the kitchen, grabbed a heavy glass, and poured water into it. But when she was about to add sweetness, another fairy grabbed her hand, forcing her to back up. \"Don\\'t do this,\" the fairy told her, fighting to finish her job. She pushed through the bottle of syrups, but the fairy closed the bottle and took it somewhere far from her house.'}),/*#__PURE__*/e(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,doGD91IwMxkMUbh73jvYingHGU.png\",\"data-framer-height\":\"548\",\"data-framer-width\":\"548\",height:\"274\",src:\"https://framerusercontent.com/images/doGD91IwMxkMUbh73jvYingHGU.png\",style:{aspectRatio:\"548 / 548\"},width:\"274\"}),/*#__PURE__*/e(\"p\",{children:\"She felt desperate, wanting to swim inside the bottles. Strangely, the waves inside felt overwhelming, not like the usual waves she enjoyed in the sea. These waves overwhelmed her, bringing frustration to her chest. Even though the syrups were sweet, she didn't like them. She wished for it to stop.\"}),/*#__PURE__*/e(\"p\",{children:'As she prayed harder, wishing for the waves to stop, she noticed horns growing on her head. She was scared of further changes in her body. \"What is happening?\" she thought. \"I don\\'t want to be a monster!\" She screamed silently.'}),/*#__PURE__*/e(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,8WrwZDNkQHmnlyi4nk3mPCC33Ps.png\",\"data-framer-height\":\"548\",\"data-framer-width\":\"770\",height:\"274\",src:\"https://framerusercontent.com/images/8WrwZDNkQHmnlyi4nk3mPCC33Ps.png\",style:{aspectRatio:\"770 / 548\"},width:\"385\"}),/*#__PURE__*/e(\"p\",{children:\"Suddenly, the bottle broke into many pieces, and she landed on a white foamy land. She took a breath, grateful to be able to breathe normally again.\"}),/*#__PURE__*/e(\"p\",{children:'\"Hey kiddo,\" she heard a voice behind her. She turned around and saw a beautiful dragon with purple and blue scales, just like her favorite colors. \"Hello, sir,\" the little one replied to the dragon. The dragon was inside a small nest, an unusual place for a big body like his, she thought.'}),/*#__PURE__*/e(\"p\",{children:'\"I see you are here because of the fairy,\" he said.'}),/*#__PURE__*/e(\"p\",{children:'\"Yes, sir,\" she said. \"How did you know?\"'}),/*#__PURE__*/e(\"p\",{children:'\"You see, the fairy has lived with us for a long time. As happy as she looks living with us, sometimes she gives us a warning,\" the dragon said, trying to move his body but unable to move an inch.'}),/*#__PURE__*/e(\"p\",{children:'\"What kind of warning, sir?\"'}),/*#__PURE__*/e(\"p\",{children:\"The dragon looked into the little one's eyes. Deep inside, he wished it wasn't his responsibility to explain what was about to happen to her. But in this situation, he knew the universe asked him to.\"}),/*#__PURE__*/e(\"p\",{children:\"\\\"You see, I am a lonely dragon searching for love. I thought love was the only thing I needed, but as you can see now, this fruit is a love fruit the fairy brings me every day. As I eat it, my body gets bigger and bigger. I didn't realize it until I couldn't move an inch in this nest. The fairy gave me what I wanted, but it was also a warning. My warning was that love was never enough to live this life. Now, I am stuck, wishing I could explore the world while feeling lonely,\\\" the dragon told her, then ate the love fruit near him. She could see how his body grew bigger, making him fuller than before.\"}),/*#__PURE__*/e(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,zG1vwKE5uv3TOw7AwfjsgxUEpFA.png\",\"data-framer-height\":\"548\",\"data-framer-width\":\"548\",height:\"274\",src:\"https://framerusercontent.com/images/zG1vwKE5uv3TOw7AwfjsgxUEpFA.png\",style:{aspectRatio:\"548 / 548\"},width:\"274\"}),/*#__PURE__*/e(\"p\",{children:\"The little one flew to the dragon, bowed to him, kissed his head, and excused herself to leave.\"}),/*#__PURE__*/e(\"p\",{children:\"She returned to meet the fairy who had once transformed her. It was a realization that this was probably the best experience for her to learn from. When she met the fairy, she asked if she could change back into her normal form. She had learned about the warning and wished to change things in her family.\"}),/*#__PURE__*/e(\"p\",{children:'\"It\\'s too late,\" one of the fairies said. \"Yet, you have learned,\" the other fairies said. All the fairies bowed and started dancing. Then, they surrounded the little one and dropped their fairy dust, pouring it onto her.'}),/*#__PURE__*/e(\"p\",{children:\"Little by little, her body grew into a normal human body, but this time it was slightly different. The little one felt the small changes, feeling fulfilled with many emotions in her chest, her mind filled with more thoughts than before. Her steps took her farther than before.\"}),/*#__PURE__*/e(\"p\",{children:\"As the little one arrived home, she hugged her mother and sister tightly. Her father was no longer with them, but an orange fox approached her, asking to be petted.\"}),/*#__PURE__*/e(\"p\",{children:'She gently stroked the fox\\'s head. She noticed it was wearing a collar that said, \"To the little one, remember me every spring. Love, Father.\" The fox wagged its tail, inviting the little one to follow it. It led her to the backyard, which was filled with flowers. Her mother had a hobby of growing many flowers in the yard. She followed the fox until they reached a big peach tree, and the fox lay down next to the small flower buds about to grow.'}),/*#__PURE__*/e(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,agBGAnKPOXSH0x8E33Et6r6bsU.png\",\"data-framer-height\":\"548\",\"data-framer-width\":\"548\",height:\"274\",src:\"https://framerusercontent.com/images/agBGAnKPOXSH0x8E33Et6r6bsU.png\",style:{aspectRatio:\"548 / 548\"},width:\"274\"}),/*#__PURE__*/e(\"p\",{children:'The little one smiled and asked the fox, \"Is this a nice place for you to rest?\" The fox remained silent, feeling at ease, even though it was just a new beginning for the family.'}),/*#__PURE__*/e(\"p\",{children:'\"See you in spring, Father.\"'})]})},{id:\"hPYRJhNih\",[i]:\"Create a Landing Page That Performs Great\",[r]:\"create-a-landing-page-that-performs-great\",[s]:\"2022-03-15T00:00:00.000Z\",[h]:d({src:\"https://framerusercontent.com/images/Rl7uGNBoQidNiG0BinP7yXCyw.jpg\",srcSet:\"https://framerusercontent.com/images/Rl7uGNBoQidNiG0BinP7yXCyw.jpg?scale-down-to=1024 682w, https://framerusercontent.com/images/Rl7uGNBoQidNiG0BinP7yXCyw.jpg 1000w\"},\"Teal Flower\"),[l]:/*#__PURE__*/t(n.Fragment,{children:[/*#__PURE__*/e(\"h2\",{children:\"What is a landing page?\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"h2\",{children:\"Landing pages vs. front pages\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"h2\",{children:\"Best practices for creating a landing page\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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.\"})]})},{id:\"VVjzokwsV\",[i]:\"How Can Designers Prepare for the Future?\",[r]:\"how-can-designers-prepare-for-the-future\",[s]:\"2022-02-28T00:00:00.000Z\",[h]:d({src:\"https://framerusercontent.com/images/0cSPcD2tWYGinXwWUR7fJ2kgXGk.jpg\",srcSet:\"https://framerusercontent.com/images/0cSPcD2tWYGinXwWUR7fJ2kgXGk.jpg?scale-down-to=1024 767w, https://framerusercontent.com/images/0cSPcD2tWYGinXwWUR7fJ2kgXGk.jpg 1000w\"},\"Pink Flower\"),[l]:/*#__PURE__*/t(n.Fragment,{children:[/*#__PURE__*/e(\"p\",{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?\"}),/*#__PURE__*/e(\"h2\",{children:\"What does automation mean for designers?\"}),/*#__PURE__*/e(\"p\",{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?\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{children:\"Yet, as humans, we assume that when facial recognition fails, the whole process is inherently flawed. But was it really?\"}),/*#__PURE__*/e(\"p\",{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?\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"h2\",{children:\"How do we design for the unknown future?\"}),/*#__PURE__*/e(\"p\",{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\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{children:\"To start, Jared advocates for looking back at the ways in which our design processes have already changed.\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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.'}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"h2\",{children:\"Are we designing for users or ourselves?\"}),/*#__PURE__*/e(\"p\",{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\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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\\\".\"}),/*#__PURE__*/e(\"p\",{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.\"})]})},{id:\"dyopInew4\",[i]:\"Building a Navigation Component with Variables\",[r]:\"building-a-navigation-component\",[s]:\"2022-02-06T00:00:00.000Z\",[h]:d({src:\"https://framerusercontent.com/images/InuNHIQ0GzOduJG7DthhRGJV8fY.jpg\",srcSet:\"https://framerusercontent.com/images/InuNHIQ0GzOduJG7DthhRGJV8fY.jpg?scale-down-to=1024 767w, https://framerusercontent.com/images/InuNHIQ0GzOduJG7DthhRGJV8fY.jpg 1000w\"},\"Yellow Flower\"),[l]:/*#__PURE__*/t(n.Fragment,{children:[/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"h2\",{children:\"Starting at the atomic level\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"h2\",{children:\"Nesting components\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"h2\",{children:\"Triggering interactions from the navigation bar\"}),/*#__PURE__*/e(\"p\",{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.\"})]})},{id:\"jz8MGbT2O\",[i]:\"How to Create an Effective Design Portfolio\",[r]:\"how-to-create-an-effective-design-portfolio\",[s]:\"2022-01-12T00:00:00.000Z\",[h]:d({src:\"https://framerusercontent.com/images/8yfgC6RHF3rdJakSSJjblRQVM.jpg\",srcSet:\"https://framerusercontent.com/images/8yfgC6RHF3rdJakSSJjblRQVM.jpg?scale-down-to=1024 668w, https://framerusercontent.com/images/8yfgC6RHF3rdJakSSJjblRQVM.jpg 914w\"},\"Purple Flower\"),[l]:/*#__PURE__*/t(n.Fragment,{children:[/*#__PURE__*/e(\"h2\",{children:\"What is a portfolio?\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"h2\",{children:\"Types of design portfolios\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"h3\",{children:\"Graphic design portfolio\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"h3\",{children:\"UX design portfolio\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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.\"}),/*#__PURE__*/e(\"p\",{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.\"})]})}];for(let e of c)Object.freeze(e);a(c,{pFQR3U8cW:{defaultValue:\"\",title:\"Title\",type:o.String},ZdbinPdmg:{title:\"Slug\",type:o.String},pPk_g7pis:{defaultValue:\"\",title:\"Date\",type:o.Date},DQ5wuB_P9:{title:\"Image\",type:o.ResponsiveImage},AjS3D9GjT:{defaultValue:\"\",title:\"Content\",type:o.RichText}}),c.displayName=\"Blog\";export default c;export const enumToDisplayNameFunctions={};export const utils={async getSlugByRecordId(e,t){var a;return null===(a=c.find(t=>t.id===e))||void 0===a?void 0:a[r];},async getRecordIdBySlug(e,t){var a;return null===(a=c.find(t=>t[r]===e))||void 0===a?void 0:a.id;}};\nexport const __FramerMetadata__ = {\"exports\":{\"utils\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"data\",\"name\":\"data\",\"annotations\":{\"framerSlug\":\"ZdbinPdmg\",\"framerData\":\"\",\"framerEnumToDisplayNameUtils\":\"2\",\"framerCollectionId\":\"j1TgmImUG\",\"framerRecordIdKey\":\"id\",\"framerCollectionUtils\":\"1\",\"framerContractVersion\":\"1\"}},\"enumToDisplayNameFunctions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["i", "r", "s", "h", "l", "d", "e", "t", "c", "u", "x", "p", "addPropertyControls", "ControlType", "j1TgmImUG_default", "enumToDisplayNameFunctions", "utils", "__FramerMetadata__"]
}