{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js", "ssg:https://framerusercontent.com/modules/WfYUp7oAq0u4MNvyHr5H/L7iF4xRn5dkFKuoo8wDy/xqvG7moko.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useReducer,useState}from\"react\";import{ControlType,addPropertyControls}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles,defaultEvents,useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";var PlayOptions;(function(PlayOptions){PlayOptions[\"Normal\"]=\"Off\";PlayOptions[\"Auto\"]=\"On\";PlayOptions[\"Loop\"]=\"Loop\";})(PlayOptions||(PlayOptions={}));var ThumbnailOptions;(function(ThumbnailOptions){ThumbnailOptions[\"High\"]=\"High Quality\";ThumbnailOptions[\"Medium\"]=\"Medium Quality\";ThumbnailOptions[\"Low\"]=\"Low Quality\";ThumbnailOptions[\"Off\"]=\"Off\";})(ThumbnailOptions||(ThumbnailOptions={}));var ThumbnailFormat;(function(ThumbnailFormat){ThumbnailFormat[\"WebP\"]=\"webp\";ThumbnailFormat[\"JPG\"]=\"jpg\";})(ThumbnailFormat||(ThumbnailFormat={}));/**\n * @framerIntrinsicWidth 560\n * @framerIntrinsicHeight 315\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerComponentPresetProps isRed, borderRadius\n */ export function Youtube({url,play,shouldMute,thumbnail,isRed,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,...props}){const onCanvas=useIsOnCanvas();const isAutoplay=play!==PlayOptions.Normal;const showThumbnail=onCanvas||thumbnail!==ThumbnailOptions.Off&&!isAutoplay;const[isPreloading,preloadVideo]=useReducer(()=>true,false);const[showVideo,startVideo]=useReducer(()=>true,!showThumbnail);const[isHovered,setHovered]=useState(false);const borderRadius=useRadius(props);const hasBorderRadius=borderRadius!==\"0px 0px 0px 0px\"&&borderRadius!==\"0px\";if(url===\"\"){return /*#__PURE__*/ _jsx(Instructions,{});}const parsedURL=parseVideoURL(url);if(parsedURL===undefined){return /*#__PURE__*/ _jsx(ErrorMessage,{message:\"Invalid Youtube URL.\"});}const[videoId,embedURL]=parsedURL;// https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api\nconst thumbnailURL=getThumbnailURL(videoId,thumbnail,getWebPSupported()?ThumbnailFormat.WebP:ThumbnailFormat.JPG);// https://developers.google.com/youtube/player_parameters\nconst searchParams=embedURL.searchParams;searchParams.set(\"iv_load_policy\",\"3\");searchParams.set(\"rel\",\"0\");searchParams.set(\"modestbranding\",\"1\");searchParams.set(\"playsinline\",\"1\");if(isAutoplay||showThumbnail){searchParams.set(\"autoplay\",\"1\");}if(isAutoplay&&shouldMute){searchParams.set(\"mute\",\"1\");}if(play===PlayOptions.Loop){searchParams.set(\"loop\",\"1\");searchParams.set(\"playlist\",videoId);}if(!isRed){searchParams.set(\"color\",\"white\");}return /*#__PURE__*/ _jsxs(\"article\",{onPointerEnter:()=>setHovered(true),onPointerLeave:()=>setHovered(false),onPointerOver:preloadVideo,onClick:startVideo,style:{...wrapperStyle,borderRadius,transform:hasBorderRadius&&showVideo?\"translateZ(0.000001px)\":\"unset\",cursor:\"pointer\",overflow:\"hidden\"},children:[isPreloading&&/*#__PURE__*/ _jsx(\"link\",{rel:\"preconnect\",href:\"https://www.youtube.com\"}),isPreloading&&/*#__PURE__*/ _jsx(\"link\",{rel:\"preconnect\",href:\"https://www.google.com\"}),/*#__PURE__*/ _jsx(\"div\",{style:{...videoStyle,background:showThumbnail?`center / cover url(${thumbnailURL}) no-repeat`:undefined}}),showVideo?/*#__PURE__*/ _jsx(\"iframe\",{style:videoStyle,src:embedURL.href,frameBorder:\"0\",allow:\"presentation; fullscreen; accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",onClick:onClick,onMouseEnter:onMouseEnter,onMouseLeave:onMouseLeave,onMouseDown:onMouseDown,onMouseUp:onMouseUp}):/*#__PURE__*/ _jsx(PlayButton,{onClick:startVideo,isHovered:isHovered,isRed:isRed})]});}Youtube.displayName=\"YouTube\";addPropertyControls(Youtube,{url:{type:ControlType.String,title:\"Video\"},play:{type:ControlType.Enum,title:\"Autoplay\",options:Object.values(PlayOptions)},shouldMute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden(props){return props.play===PlayOptions.Normal;}},thumbnail:{title:\"Thumbnail\",description:\"Showing a thumbnail improves performance.\",type:ControlType.Enum,options:Object.values(ThumbnailOptions),hidden(props){return props.play!==PlayOptions.Normal;}},isRed:{title:\"Color\",type:ControlType.Boolean,enabledTitle:\"Red\",disabledTitle:\"White\"},...borderRadiusControl,...defaultEvents});const defaultProps={url:\"https://youtu.be/smPos0mJvh8\",play:PlayOptions.Normal,shouldMute:true,thumbnail:ThumbnailOptions.Medium,isRed:true};Youtube.defaultProps=defaultProps;function parseVideoURL(urlString){let url;try{url=new URL(urlString);}catch{const embedURL=getEmbedURL(urlString);return[urlString,embedURL];}if(url.hostname===\"youtube.com\"||url.hostname===\"www.youtube.com\"||url.hostname===\"youtube-nocookie.com\"||url.hostname===\"www.youtube-nocookie.com\"){const pathSegments=url.pathname.slice(1).split(\"/\");// https://www.youtube.com/watch?v=Fop2oskTug8\nif(pathSegments[0]===\"watch\"){const videoId=url.searchParams.get(\"v\");const embedURL1=getEmbedURL(videoId);return[videoId,embedURL1];}// https://www.youtube.com/embed/Fop2oskTug8\nif(pathSegments[0]===\"embed\"){const videoId1=pathSegments[1];return[videoId1,url];}}// https://youtu.be/Fop2oskTug8\nif(url.hostname===\"youtu.be\"){const videoId2=url.pathname.slice(1);const embedURL2=getEmbedURL(videoId2);return[videoId2,embedURL2];}}function getEmbedURL(videoId){return new URL(`https://www.youtube.com/embed/${videoId}`);}function getThumbnailURL(videoId,res,format=ThumbnailFormat.JPG){// https://gist.github.com/a1ip/be4514c1fd392a8c13b05e082c4da363\nconst pre=ThumbnailFormat.WebP?\"https://i.ytimg.com/vi_webp/\":\"https://i.ytimg.com/vi/\";const ext=ThumbnailFormat.WebP?\"webp\":\"jpg\";switch(res){case ThumbnailOptions.Low:return`${pre}${videoId}/hqdefault.${ext}`;case ThumbnailOptions.Medium:return`${pre}${videoId}/sddefault.${ext}`;case ThumbnailOptions.High:return`${pre}${videoId}/maxresdefault.${ext}`;default:return`${pre}${videoId}/0.${ext}`;}}let _getWebPSupported;// https://stackoverflow.com/a/27232658\nfunction getWebPSupported(){// We're going to default to webp because it's pretty widely supported by now\nif(!window){return true;}if(_getWebPSupported!==undefined){return _getWebPSupported;}const element=document.createElement(\"canvas\");if(!!(element.getContext&&element.getContext(\"2d\"))){// was able or not to get WebP representation\nreturn element.toDataURL(\"image/webp\").indexOf(\"data:image/webp\")==0;}else{// very old browser like IE 8, canvas not supported\nreturn false;}}// Helper components\nfunction Instructions(){return /*#__PURE__*/ _jsx(\"div\",{style:{...emptyStateStyle,overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(\"div\",{style:centerTextStyle,children:\"To embed a Youtube video, add the URL to the properties\\xa0panel.\"})});}function ErrorMessage({message}){return /*#__PURE__*/ _jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/ _jsxs(\"div\",{style:centerTextStyle,children:[\"Error: \",message]})});}function PlayButton({onClick,isHovered,isRed}){return /*#__PURE__*/ _jsx(\"button\",{onClick:onClick,\"aria-label\":\"Play\",style:buttonStyle,children:/*#__PURE__*/ _jsxs(\"svg\",{height:\"100%\",version:\"1.1\",viewBox:\"0 0 68 48\",width:\"100%\",children:[/*#__PURE__*/ _jsx(\"path\",{d:\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\",fill:isHovered?isRed?\"#f00\":\"#000\":\"#212121\",fillOpacity:isHovered?isRed?1:.8:.8,style:{transition:\"fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1)\"}}),/*#__PURE__*/ _jsx(\"path\",{d:\"M 45,24 27,14 27,34\",fill:\"#fff\"})]})});}const buttonStyle={position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:68,height:48,padding:0,border:\"none\",background:\"transparent\",cursor:\"pointer\"};const wrapperStyle={position:\"relative\",width:\"100%\",height:\"100%\"};const centerTextStyle={textAlign:\"center\",minWidth:140};const videoStyle={position:\"absolute\",top:0,left:0,height:\"100%\",width:\"100%\"};\nexport const __FramerMetadata__ = {\"exports\":{\"Youtube\":{\"type\":\"reactComponent\",\"name\":\"Youtube\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"315\",\"framerComponentPresetProps\":\"isRed, borderRadius\",\"framerIntrinsicWidth\":\"560\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./YouTube.map", "import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";import { addPropertyControls, ComponentPresetsConsumer, ControlType, Link } from \"framer\";import { motion } from \"framer-motion\";import * as React from \"react\";import { Youtube as YouTube } from \"https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js\"; /**\n* @framerRecordIdKey id\n* @framerSlug LXPPb0mj_\n* @framerEnumToDisplayNameUtils 1\n* @framerData\n*/const data = [{ aRsDZYt0I: { src: new URL(\"https://framerusercontent.com/images/qf5mePLLWf2lRidHoAFyoZtD8uA.jpg\").href, srcSet: `${new URL(\"https://framerusercontent.com/images/qf5mePLLWf2lRidHoAFyoZtD8uA.jpg?scale-down-to=512\").href} 512w, ${new URL(\"https://framerusercontent.com/images/qf5mePLLWf2lRidHoAFyoZtD8uA.jpg?scale-down-to=1024\").href} 1024w, ${new URL(\"https://framerusercontent.com/images/qf5mePLLWf2lRidHoAFyoZtD8uA.jpg\").href} 1500w` }, bQbh5VOwM: 1, id: \"Ookb_ksCU\", LXPPb0mj_: \"the-portfolio-dilemma\", ryAMdCwDC: \"How do you show work if it's completed it under a NDA? What if all your recent freelance work can\u2019t be shown as it\u2019s not in the public domain? If your work falls into these categories then you have to find other solutions to demonstrate your abilities.\", xPBe8gWZ6: \"Even after two years of freelancing, this challenge persists. \", xt1rryj9L: /*#__PURE__*/_jsxs(React.Fragment, { children: [/*#__PURE__*/_jsx(\"h4\", { children: \"As a freelancer, one of the biggest challenges I've faced is showcasing my work when a significant portion of it is bound by Non-Disclosure Agreements (NDAs). If you've been in this situation, you know the struggle \u2013 your impressive body of work remains hidden from the public eye, making it challenging to demonstrate your skills.\" }), /*#__PURE__*/_jsx(\"p\", { children: \"After experiencing redundancy from a design agency of two years, I found myself at a crossroads, especially in a post-Covid world where the job landscape was rapidly evolving. Having spent the previous six years working in design agencies, a substantial part of my portfolio was locked behind NDAs, leaving me concerned about my career's trajectory.\" }), /*#__PURE__*/_jsxs(\"p\", { children: [\"Even after two years of freelancing, this challenge persists. With the exception of a couple of direct client projects (you can explore them \", /*#__PURE__*/_jsx(Link, { href: { webPageId: \"nBNpZiK5R\" }, openInNewTab: false, smoothScroll: false, children: /*#__PURE__*/_jsx(\"a\", { children: \"here\" }) }), \"), much of my recent work is, once again, under NDA. This is particularly common in fields like corporate reporting, where confidentiality is paramount.\"] }), /*#__PURE__*/_jsx(\"p\", { children: \"This issue hit home when I was asked to showcase my experience in proposal design. With three decades of experience spanning graphic design, editorial design, print design, digital communications, and website design, it was disheartening to be passed over for what seemed like a straightforward request. It prompted me to reflect on the contents of my portfolio and the relevance of the pieces I had to showcase.\" }), /*#__PURE__*/_jsx(\"p\", { children: \"While I do have a diverse collection of conceptual design work across branding, communications, and product design, I believe that my creativity and design fundamentals go beyond the requirements of a proposal design based on a template.\" }), /*#__PURE__*/_jsx(\"h4\", { children: \"On the case\" }), /*#__PURE__*/_jsx(\"p\", { children: \"To address this predicament, I decided to shift my focus towards highlighting my skills. While my website provides detailed information about my experience and design processes, it lacks visible project work and have included a disclaimer on my site to acknowledge this limitation.\" }), /*#__PURE__*/_jsx(\"p\", { children: 'However, I also took the initiative to create new work. I crafted a proposal, inspired by the fictional brand work I had done for the company called \"Wanderlust,\" to demonstrate how I would approach such a project. This example template for an investment prospectus showcases the brand\\'s visual identity, utilising elements like typography, colour, and tone of voice throughout the design.' }), /*#__PURE__*/_jsx(\"p\", { children: \"In this personal project, I developed several page designs, ranging from content pages to section dividers, text-heavy sections to those rich in infographics and visuals. The primary objective was to illustrate how the Wanderlust brand translates into a traditionally text-heavy document, all while maintaining the integrity of the information.\" }), /*#__PURE__*/_jsx(\"p\", { children: \"I've included some screenshots to emphasise the importance of grids and style sheets in ensuring consistent layout, crucial for corporate documents. These elements are particularly valuable when handing-off the project to artwork teams, ensuring that the final document adheres to my design style guide.\" }), /*#__PURE__*/_jsx(\"p\", { children: \"I hope this article sheds light on the challenges faced by freelancers who cannot readily showcase their design work and must rely on their experience and testimonials when seeking new connections, clients, and contracts.\" }), /*#__PURE__*/_jsx(\"p\", { children: \"If you'd like to explore more of my portfolio or discuss potential design and contract work opportunities, please feel free to reach out to me. \" }), /*#__PURE__*/_jsx(\"p\", { children: \"You can contact me via email at marktownsendcreative@gmail.com or call me at 07859943444. \" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,bLy3J42iwXlQ9nCneFq7vgOKqtc.jpg\", \"data-framer-height\": \"1332\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/bLy3J42iwXlQ9nCneFq7vgOKqtc.jpg\").href, style: { aspectRatio: \"2000 / 1332\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,YuuOBDQ6dOdcc76jJWOaIfdyGyY.jpg\", \"data-framer-height\": \"1333\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/YuuOBDQ6dOdcc76jJWOaIfdyGyY.jpg\").href, style: { aspectRatio: \"2000 / 1333\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,jy6qbEAOyPfXhCQyOnGGvhIB4.jpg\", \"data-framer-height\": \"1332\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/jy6qbEAOyPfXhCQyOnGGvhIB4.jpg\").href, style: { aspectRatio: \"2000 / 1332\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,TCtmyeaOWrOxPNurkm7YLlcmY.jpg\", \"data-framer-height\": \"1332\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/TCtmyeaOWrOxPNurkm7YLlcmY.jpg\").href, style: { aspectRatio: \"2000 / 1332\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,FsBTQ2kbTCVsGL4eIs1t036bs.jpg\", \"data-framer-height\": \"1332\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/FsBTQ2kbTCVsGL4eIs1t036bs.jpg\").href, style: { aspectRatio: \"2000 / 1332\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,FdH2zU2nFOGlivtflKuPJCdMgs.jpg\", \"data-framer-height\": \"1332\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/FdH2zU2nFOGlivtflKuPJCdMgs.jpg\").href, style: { aspectRatio: \"2000 / 1332\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,bwW24GclMdg19L5jIUCzS8RFsY.jpg\", \"data-framer-height\": \"1332\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/bwW24GclMdg19L5jIUCzS8RFsY.jpg\").href, style: { aspectRatio: \"2000 / 1332\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,eMfIXp8NW7HFEfRyLcRsva9cRE.jpg\", \"data-framer-height\": \"1332\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/eMfIXp8NW7HFEfRyLcRsva9cRE.jpg\").href, style: { aspectRatio: \"2000 / 1332\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,P9Xt8fbs3wfgcNVsmXvv3b1g0Ro.jpg\", \"data-framer-height\": \"1332\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/P9Xt8fbs3wfgcNVsmXvv3b1g0Ro.jpg\").href, style: { aspectRatio: \"2000 / 1332\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,Tc6KrAOLrQaUGkj29KY02DP6Qs.jpg\", \"data-framer-height\": \"1332\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/Tc6KrAOLrQaUGkj29KY02DP6Qs.jpg\").href, style: { aspectRatio: \"2000 / 1332\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,dnYABkoemPzkKwFbb2KKBlMII8.jpg\", \"data-framer-height\": \"1332\", \"data-framer-width\": \"2000\", height: \"666\", src: new URL(\"https://framerusercontent.com/images/dnYABkoemPzkKwFbb2KKBlMII8.jpg\").href, style: { aspectRatio: \"2000 / 1332\" }, width: \"1000\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,nFiXHoFPp1FeweAOqGyJVEIv2mo.png\", \"data-framer-height\": \"1878\", \"data-framer-width\": \"3340\", height: \"939\", src: new URL(\"https://framerusercontent.com/images/nFiXHoFPp1FeweAOqGyJVEIv2mo.png\").href, style: { aspectRatio: \"3340 / 1878\" }, width: \"1670\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,JzrxfwxM1izCSW5e2ruvoKrxVo.png\", \"data-framer-height\": \"1878\", \"data-framer-width\": \"3338\", height: \"939\", src: new URL(\"https://framerusercontent.com/images/JzrxfwxM1izCSW5e2ruvoKrxVo.png\").href, style: { aspectRatio: \"3338 / 1878\" }, width: \"1669\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,GOlxVGQ9j78uNplr9ARHLF8vlw.png\", \"data-framer-height\": \"1880\", \"data-framer-width\": \"3336\", height: \"940\", src: new URL(\"https://framerusercontent.com/images/GOlxVGQ9j78uNplr9ARHLF8vlw.png\").href, style: { aspectRatio: \"3336 / 1880\" }, width: \"1668\" })] }), z73Iw8W3B: \"The Portfolio Dilemma\" }, { aRsDZYt0I: { src: new URL(\"https://framerusercontent.com/images/wPc1MKr5L0jjru3OiHfhxW8mSo.jpg\").href, srcSet: `${new URL(\"https://framerusercontent.com/images/wPc1MKr5L0jjru3OiHfhxW8mSo.jpg?scale-down-to=512\").href} 409w, ${new URL(\"https://framerusercontent.com/images/wPc1MKr5L0jjru3OiHfhxW8mSo.jpg?scale-down-to=1024\").href} 819w, ${new URL(\"https://framerusercontent.com/images/wPc1MKr5L0jjru3OiHfhxW8mSo.jpg?scale-down-to=2048\").href} 1638w, ${new URL(\"https://framerusercontent.com/images/wPc1MKr5L0jjru3OiHfhxW8mSo.jpg\").href} 2160w` }, bQbh5VOwM: 2, id: \"gS0BxK6mn\", LXPPb0mj_: \"automation-in-creative-applications\", ryAMdCwDC: \"With the populatity of AI in the media, I explore some recent developments of its use in design applications.\", xPBe8gWZ6: \"\u2018I\u2019m sure it won\u2019t be long before Adobe introduce something like this for InDesign layouts, having it generate cover designs or page layouts based on your initial prompts.'\", xt1rryj9L: /*#__PURE__*/_jsxs(React.Fragment, { children: [/*#__PURE__*/_jsx(\"h4\", { children: \"Having been a follower for some time of AI in the creative industries, I\u2019ve been somewhat in awe of the power that it can bring to generative photography and illustration, and fascinated by its proficiency at literally anything in the written world.\" }), /*#__PURE__*/_jsxs(\"p\", { children: [\"And whilst anyone and everyone can experiment with this technology, there\u2019s a whole host of real-world applications harnessing it for their applications, and I have to wonder how this will play out for graphic designers. It\u2019s no secret the rapid pace of AI development has caused a stir in various markets, leading to a \", /*#__PURE__*/_jsx(Link, { href: \"https://www.gov.uk/government/news/uk-unveils-world-leading-approach-to-innovation-in-first-artificial-intelligence-white-paper-to-turbocharge-growth\", openInNewTab: true, smoothScroll: false, children: /*#__PURE__*/_jsx(\"a\", { children: \"Government white paper\" }) }), \" about its use as well as \", /*#__PURE__*/_jsx(Link, { href: \"https://www.zdnet.com/article/ai-leaders-sign-an-open-letter-to-openly-acknowledge-the-dangers-of-ai/\", openInNewTab: true, smoothScroll: false, children: /*#__PURE__*/_jsx(\"a\", { children: \"open letters\" }) }), \" from these tech founders asking for deceleration and regulation.\"] }), /*#__PURE__*/_jsxs(\"p\", { children: [\"Earlier in the Summer I tested the \", /*#__PURE__*/_jsx(Link, { href: \"https://www.adobe.com/sensei/generative-ai/firefly.html\", openInNewTab: true, smoothScroll: false, children: /*#__PURE__*/_jsx(\"a\", { children: \"Adobe Firefly Beta\" }) }), \" and naturally gave it a test run on its pretty basic offerings - letter forms in any style from your prompt, colour changes to vector graphics and image generation in a variety of styles. However,\\xa0in my testing it was not fully realised. Some examples here show the AI struggling to render human hands and honey dippers.\"] }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,p82tVLkihliyOovLn0gWIMpqo.png?originalFilename=blog+images%402x.png\", \"data-framer-height\": \"858\", \"data-framer-width\": \"1720\", height: \"429\", src: new URL(\"https://framerusercontent.com/images/p82tVLkihliyOovLn0gWIMpqo.png\").href, style: { aspectRatio: \"1720 / 858\" }, width: \"860\" }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,nucZGQKcMromnpBwd022k5SXOvs.png\", \"data-framer-height\": \"2346\", \"data-framer-width\": \"4106\", height: \"1173\", src: new URL(\"https://framerusercontent.com/images/nucZGQKcMromnpBwd022k5SXOvs.png?scale-down-to=4096\").href, style: { aspectRatio: \"4106 / 2346\" }, width: \"2053\" }), /*#__PURE__*/_jsx(\"p\", { children: \"I also experimented with Open AI\u2019s ChatGPT. And to be honest, I was more impressed with this - probably as it is several versions on, but also as copywriting and editing is an area I would usually outsource. Asking questions and receiving near-instant answers is pretty amazing, even going as far as to source the references to it\u2019s answers it had provided. However, there's still real value working through copy with my usual writing contacts I hasten to add!\" }), /*#__PURE__*/_jsxs(\"p\", { children: [\"It wasn\u2019t long before the use of this technology literally popped up whilst I was creating my new website. During web development using \", /*#__PURE__*/_jsx(Link, { href: \"https://www.framer.com\", openInNewTab: true, smoothScroll: false, children: /*#__PURE__*/_jsx(\"a\", { children: \"Framer\" }) }), \", I had an onboarding pop-up for their new AI integration.\"] }), /*#__PURE__*/_jsx(\"img\", { alt: \"\", className: \"framer-image\", \"data-framer-asset\": \"data:framer/asset-reference,CHMt530YLlCB4jymfvzppZs43Qg.png\", \"data-framer-height\": \"2438\", \"data-framer-width\": \"3520\", height: \"1219\", src: new URL(\"https://framerusercontent.com/images/CHMt530YLlCB4jymfvzppZs43Qg.png\").href, style: { aspectRatio: \"3520 / 2438\" }, width: \"1760\" }), /*#__PURE__*/_jsx(\"p\", { children: \"It allows you to create a website from a detailed prompt and it\u2019ll create a ready-made landing page right before your eyes complete with breakpoints. You can see it creating the style, colours and sections in real-time, complete with text examples written in place, rather than Lorem Ipsum.\\xa0 See the promo video in action here.\" }), /*#__PURE__*/_jsx(motion.div, { className: \"framer-text-module\", style: { \"--aspect-ratio\": \"560 / 315\", aspectRatio: \"var(--aspect-ratio)\", height: \"auto\", width: \"100%\" }, children: /*#__PURE__*/_jsx(ComponentPresetsConsumer, { componentIdentifier: \"module:NEd4VmDdsxM3StIUbddO/fJ8vwGe6kxfz7kj9H7Sk/YouTube.js:Youtube\", children: (presetProps) => /*#__PURE__*/_jsx(YouTube, { ...presetProps, play: \"Off\", shouldMute: true, thumbnail: \"High Quality\", url: \"https://youtu.be/BSRkq1UCda0\" }) }) }), /*#__PURE__*/_jsx(\"p\", { children: \"No doubt this is impressive stuff, but the more I tested it the more I could see the similar elements being created and reused, obviously generating the content from a limited library of assets and styles. \\xa0It seems like a great tool to try out basic, generic ideas and for newcomers, it would be a decent starting point for a web page design. Of course, there\u2019s still plenty to do from that point to get a fully functioning site, but nevertheless, an interesting step in automated site design.\\xa0\" }), /*#__PURE__*/_jsx(\"p\", { children: \"I\u2019m sure it won\u2019t be long before Adobe introduces something like this for InDesign layouts, having it generate cover designs or page layouts based on your initial prompts. Both Illustrator and Photoshop have AI-integrated elements already so I\u2019m sure it\u2019s just a matter of time.\\xa0\" }), /*#__PURE__*/_jsxs(\"p\", { children: [\"Framer has marketed this to designers as \u2018\", /*#__PURE__*/_jsx(\"strong\", { children: \"AI generated, human curated.\u2019 \" }), \"and that\u2019s a good mantra to take forward with any AI integration - it's a great tool for designers to utilise, but human designers need and must have oversight and whether you agree or not to generative AI, it's here and is muscling its way into your creative toolset.\"] }), /*#__PURE__*/_jsx(\"p\", { children: \"At this point, it's really worth saying I created my new website from scratch! Developing ideas and wireframing before crafting it in Framer section-by-section, without the use of AI. Why? Because I\u2019m a designer of 25 years, and my skills have been developed and mastered through the design process, hard graft and execution; not by using templates or AI to get the job done quickly. I consider and craft every piece of design I do for my clients, build value in their brand and create tailored solutions based on research, insights and trends.\\xa0\" }), /*#__PURE__*/_jsx(\"p\", { children: \"If you would like a human to create a brand identity, website or marketing campaign for you then please get in touch! \\xa0\" })] }), z73Iw8W3B: \"Automation in Creative Applications\" }];data.forEach((item) => Object.freeze(item));addPropertyControls(data, { z73Iw8W3B: { defaultValue: \"\", title: \"Title\", type: ControlType.String }, LXPPb0mj_: { title: \"Slug\", type: ControlType.String }, aRsDZYt0I: { __defaultAssetReference: \"data:framer/asset-reference,F25gBHugAD1bW0h70acezy6z8.png?originalFilename=Simple+Fill%402x.png&preferredSize=auto\", title: \"Image\", type: ControlType.ResponsiveImage }, ryAMdCwDC: { defaultValue: \"\", displayTextArea: true, placeholder: \"Extract here\", title: \"Extract\", type: ControlType.String }, xt1rryj9L: { defaultValue: \"\", title: \"Content\", type: ControlType.RichText }, xPBe8gWZ6: { defaultValue: \"\", placeholder: \"Quote goes here\", title: \"Quote\", type: ControlType.String }, bQbh5VOwM: { defaultValue: 1, displayStepper: true, title: \"ID\", type: ControlType.Number } });data[\"displayName\"] = \"Blog\";export default data;\nexport const __FramerMetadata__ = { \"exports\": { \"default\": { \"type\": \"data\", \"name\": \"data\", \"annotations\": { \"framerContractVersion\": \"1\", \"framerData\": \"\", \"framerSlug\": \"LXPPb0mj_\", \"framerRecordIdKey\": \"id\", \"framerEnumToDisplayNameUtils\": \"1\" } }, \"__FramerMetadata__\": { \"type\": \"variable\" } } };"],
  "mappings": "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",
  "names": ["PlayOptions", "ThumbnailOptions", "ThumbnailFormat", "Youtube", "url", "play", "shouldMute", "thumbnail", "isRed", "onClick", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "props", "onCanvas", "useIsOnCanvas", "isAutoplay", "showThumbnail", "isPreloading", "preloadVideo", "le", "showVideo", "startVideo", "isHovered", "setHovered", "ye", "borderRadius", "useRadius", "hasBorderRadius", "p", "Instructions", "parsedURL", "parseVideoURL", "ErrorMessage", "videoId", "embedURL", "thumbnailURL", "getThumbnailURL", "getWebPSupported", "searchParams", "u", "wrapperStyle", "videoStyle", "PlayButton", "addPropertyControls", "ControlType", "borderRadiusControl", "defaultEvents", "defaultProps", "urlString", "getEmbedURL", "pathSegments", "embedURL1", "videoId2", "embedURL2", "res", "format", "pre", "ext", "_getWebPSupported", "window", "element", "emptyStateStyle", "centerTextStyle", "message", "containerStyles", "buttonStyle", "data", "u", "x", "p", "Link", "motion", "ComponentPresetsConsumer", "presetProps", "Youtube", "item", "addPropertyControls", "ControlType", "xqvG7moko_default", "__FramerMetadata__"]
}