{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/bZxrMUxBPAhoXlARkK9C/YouTube.js", "ssg:https://framerusercontent.com/modules/2rRoSbIbNXKakrxfUxmA/s81SqnUENysdEkQPr4K9/B4OiWEPxh.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:// Safari sometimes struggles to render border-radius:\n// - on the canvas when changing from 0 to any other value\n// - or when rendering an iframe\nhasBorderRadius&&(showVideo||onCanvas)?\"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\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"315\",\"framerIntrinsicWidth\":\"560\",\"framerComponentPresetProps\":\"isRed, borderRadius\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./YouTube.map", "import{jsx as e,jsxs as t}from\"react/jsx-runtime\";import{addPropertyControls as n,ComponentPresetsConsumer as a,ControlType as i,Link as s}from\"framer\";import{motion as r}from\"framer-motion\";import*as o from\"react\";import{Youtube as l}from\"https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/bZxrMUxBPAhoXlARkK9C/YouTube.js\";let d=\"znmsxxJd8\",c=\"aLYmGsOHn\",p=\"yuuBNT9OE\",h=\"j2bQvzTAn\",m=\"mH_sTZUTx\",g=\"KSEDhjDDk\",u=\"grcHsng0Y\",f=\"PmacIbivZ\",y=(e,t)=>{if(e&&\"object\"==typeof e)return{...e,alt:t};},w=[{index:0,id:\"HpwHqEERR\",[d]:\"New Responsive UI Template\",[c]:\"new-responsive-ui-template\",[p]:y({src:\"https://framerusercontent.com/images/5oZTw8DzZYT6Z3wQGqCMqgkDs.jpg\",srcSet:\"https://framerusercontent.com/images/5oZTw8DzZYT6Z3wQGqCMqgkDs.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/5oZTw8DzZYT6Z3wQGqCMqgkDs.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/5oZTw8DzZYT6Z3wQGqCMqgkDs.jpg?scale-down-to=2048 2048w,https://framerusercontent.com/images/5oZTw8DzZYT6Z3wQGqCMqgkDs.jpg 2880w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"We are thrilled to introduce our latest update to DesignCode UI, focusing on responsiveness and adaptability across all device screens.\\n\\n- Responsive Features: Utilizes AutoLayout Wrap and MinMax Width to ensure perfect fitting on all devices.\\n- Dynamic Styling: Incorporates typography and color variables for consistent aesthetics.\\n- Light and Dark Mode Ready: Optimizes visual comfort and readability in any user setting.\\n\\nExplore the full potential of responsive design with our latest template in DesignCode UI. Perfect for demonstrating adaptability and style in your projects!\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/t(\"p\",{children:[\"We are thrilled to introduce our latest update to DesignCode UI, focusing on responsiveness and adaptability across all device screens.\",/*#__PURE__*/e(\"br\",{}),/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})]}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Responsive Features\"}),\": Utilizes AutoLayout Wrap and MinMax Width to ensure perfect fitting on all devices.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Dynamic Styling\"}),\": Incorporates typography and color variables for consistent aesthetics.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Light and Dark Mode Ready\"}),\": Optimizes visual comfort and readability in any user setting.\"]})})]}),/*#__PURE__*/e(\"p\",{children:\"Explore the full potential of responsive design with our latest template in DesignCode UI. Perfect for demonstrating adaptability and style in your projects!\"})]}),[u]:\"2024-05-09T00:00:00.000Z\"},{index:1,id:\"OiGtbTaX_\",[d]:\"Typography, Gradient Variables and 32 New Components\",[c]:\"typography-gradient-variables-and-32-new-components\",[p]:y({src:\"https://framerusercontent.com/images/FlwE0QIot4ZOAj7yQbmZoiDSvA.png\",srcSet:\"https://framerusercontent.com/images/FlwE0QIot4ZOAj7yQbmZoiDSvA.png?scale-down-to=512 512w,https://framerusercontent.com/images/FlwE0QIot4ZOAj7yQbmZoiDSvA.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/FlwE0QIot4ZOAj7yQbmZoiDSvA.png 2048w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"\\nWe're excited to announce significant updates to DesignCode UI, bringing a wealth of new components and enhanced features that will transform the way you design and build interfaces.\\n\\nWhat's New?\\n\\n- 32 New Components: Our library has expanded with an additional 32 components, offering more versatility and creative options for your projects.\\n- Typography and Gradient Variables: To provide more control and flexibility, we've introduced typography and gradient variables. These additions make it easier to maintain consistency and adapt components to different contexts and styles.\\n- Enhanced UI Styles: The aesthetic of our Flat UI and Outline UI has been greatly improved, utilizing variables more prominently for new components.\\n- Light and Dark Mode Support: Both modes have been refined, ensuring that our components perform beautifully in any setting.\\n\\nThese updates are designed to empower you further, making DesignCode UI not just a tool, but a comprehensive solution for your design needs. Dive into a more dynamic and versatile world of design with our latest offerings.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"We're excited to announce significant updates to DesignCode UI, bringing a wealth of new components and enhanced features that will transform the way you design and build interfaces.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/t(\"strong\",{children:[\"What's New?\",/*#__PURE__*/e(\"br\",{})]})}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"32 New Components\"}),\": Our library has expanded with an additional 32 components, offering more versatility and creative options for your projects.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Typography and Gradient Variables\"}),\": To provide more control and flexibility, we've introduced typography and gradient variables. These additions make it easier to maintain consistency and adapt components to different contexts and styles.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Enhanced UI Styles\"}),\": The aesthetic of our Flat UI and Outline UI has been greatly improved, utilizing variables more prominently for new components.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Light and Dark Mode Support\"}),\": Both modes have been refined, ensuring that our components perform beautifully in any setting.\"]})})]}),/*#__PURE__*/e(\"p\",{children:\"These updates are designed to empower you further, making DesignCode UI not just a tool, but a comprehensive solution for your design needs. Dive into a more dynamic and versatile world of design with our latest offerings.\"})]}),[u]:\"2024-04-22T00:00:00.000Z\"},{index:2,id:\"nbLN8M6Uh\",[d]:\"New UI Components: Travel and Weather Card Layouts\",[c]:\"ui-update-travel-and-weather-card-layouts\",[p]:y({src:\"https://framerusercontent.com/images/BUoQiqbi0K0cbJIgrhpKghJLr8.png\",srcSet:\"https://framerusercontent.com/images/BUoQiqbi0K0cbJIgrhpKghJLr8.png?scale-down-to=512 512w,https://framerusercontent.com/images/BUoQiqbi0K0cbJIgrhpKghJLr8.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/BUoQiqbi0K0cbJIgrhpKghJLr8.png 2048w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"The latest UI update introduces a streamlined design for a travel app that merges boarding and weather details into a cohesive dark-themed interface. The boarding pass module is now more compact, displaying essential flight information clearly. Flight times and pricing are neatly summarized, while navigation and altitude are visually represented with intuitive dials. The weather forecast is bifurcated into hourly and weekly outlooks, providing comprehensive data at a glance. A humidity gauge with dew point readings complements the succinct current weather conditions display. This update prioritizes a balance between aesthetics and functionality, enhancing overall user experience with a focus on clarity and efficiency.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"This UI update includes several elements typically found in travel and weather apps, structured in a sleek, dark mode aesthetic.\"}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Boarding Pass Module\"}),\": Displays flight information with a clean, card-style layout. It shows the passenger's name, flight number, gate, seat, and flight times with respective departure and arrival cities, as well as the date.\",/*#__PURE__*/e(\"br\",{}),/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})]}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Flight Time and Price Information\"}),\": An additional section below the boarding pass displays the flight time duration, departure and arrival times, airline name, and the price of the ticket in a concise and clear manner.\",/*#__PURE__*/e(\"br\",{}),/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})]}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Compass and Altitude Indicators\"}),\": Two dials indicate the direction (compass) and altitude level, giving a quick visual cue to the user regarding orientation and flight status.\",/*#__PURE__*/e(\"br\",{}),/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})]}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Weather Forecast\"}),\": A weather forecast section is divided into two segments:\"]}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Hourly Forecast\"}),\": Shows icons representing weather conditions at different times with corresponding chances of precipitation and temperatures.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Weekly Forecast\"}),\": A horizontal timeline shows the forecast for the upcoming week with icons and temperatures for each day.\",/*#__PURE__*/e(\"br\",{}),/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})]})})]}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Humidity and Dew Point Information\"}),\": A circular gauge displays the current humidity level with a small icon and text explaining the dew point temperature.\"]}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Current Weather Conditions\"}),\": A separate section displays the current weather conditions with temperature, chance of precipitation, and an icon representing the weather, along with the high and low temperatures for the day and the location.\"]}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,BUoQiqbi0K0cbJIgrhpKghJLr8.png\",\"data-framer-height\":\"2048\",\"data-framer-width\":\"2048\",height:\"1024\",src:\"https://framerusercontent.com/images/BUoQiqbi0K0cbJIgrhpKghJLr8.png\",srcSet:\"https://framerusercontent.com/images/BUoQiqbi0K0cbJIgrhpKghJLr8.png?scale-down-to=512 512w,https://framerusercontent.com/images/BUoQiqbi0K0cbJIgrhpKghJLr8.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/BUoQiqbi0K0cbJIgrhpKghJLr8.png 2048w\",style:{aspectRatio:\"2048 / 2048\"},width:\"1024\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"img\",{alt:\"\",className:\"framer-image\",\"data-framer-asset\":\"data:framer/asset-reference,UXtvZVkvskzosCRDCFVOXhtZMPU.png\",\"data-framer-height\":\"2048\",\"data-framer-width\":\"2048\",height:\"1024\",src:\"https://framerusercontent.com/images/UXtvZVkvskzosCRDCFVOXhtZMPU.png\",srcSet:\"https://framerusercontent.com/images/UXtvZVkvskzosCRDCFVOXhtZMPU.png?scale-down-to=512 512w,https://framerusercontent.com/images/UXtvZVkvskzosCRDCFVOXhtZMPU.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/UXtvZVkvskzosCRDCFVOXhtZMPU.png 2048w\",style:{aspectRatio:\"2048 / 2048\"},width:\"1024\"}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"br\",{}),/*#__PURE__*/e(\"br\",{}),\"The UI is consistent in its color scheme and typographic choices, emphasizing readability and user experience. It incorporates a mix of graphical elements, such as icons and gauges, with textual information to provide a comprehensive overview at a glance. The design is minimalistic and modern, using space effectively to ensure that the interface is not cluttered.\"]})]}),[u]:\"2023-11-22T00:00:00.000Z\"},{index:3,id:\"UksnRytTL\",[d]:\"New Page Addition: Components Showcase\",[c]:\"new-page-addition-components-showcase\",[p]:y({src:\"https://framerusercontent.com/images/JDFtUWIzwKohHiC1DF9CCAFke4.png\",srcSet:\"https://framerusercontent.com/images/JDFtUWIzwKohHiC1DF9CCAFke4.png?scale-down-to=512 512w,https://framerusercontent.com/images/JDFtUWIzwKohHiC1DF9CCAFke4.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/JDFtUWIzwKohHiC1DF9CCAFke4.png?scale-down-to=2048 2048w,https://framerusercontent.com/images/JDFtUWIzwKohHiC1DF9CCAFke4.png 2868w\"},\"\"),[h]:\"nq9oWECCO\",[m]:'The new \"Components\" page on our website offers a detailed showcase of UI components, categorized and accompanied by full detail pages. It includes comprehensive guides on colors, spacing, shadows, and typography, along with explanations for each component\\'s usage. The page supports light and dark modes and features full animations and interactions in Framer. Updated UI templates with the latest designs, including new wireframes and component page designs, are also available, providing practical resources for designers and developers.',[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:'We are thrilled to announce the launch of a new page on our website called \"Components.\" This addition enriches our platform with detailed insights and resources for design enthusiasts and professionals. Here\\'s what you can expect from this update:'}),/*#__PURE__*/e(\"h5\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"Browsable Components with Categories and Full Detail Pages\"}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Enhanced Navigation:\"}),\" Explore a vast array of UI components, now organized into intuitive categories for easier access.\"]}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Detailed Component Pages:\"}),\" Each component is showcased with in-depth information, including usage scenarios, variations, and specifications.\"]}),/*#__PURE__*/e(\"h5\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"Comprehensive Guides on Design Fundamentals\"}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Colors:\"}),\" A detailed guide on color schemes, usage, and psychology to enhance your design aesthetics.\"]}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Spacing:\"}),\" Learn about the importance of space in UI design, including margin, padding, and layout strategies.\"]}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Shadows:\"}),\" Insights into shadow effects for depth and focus in your designs.\"]}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Typography:\"}),\" Explore typography essentials, from font selection to readability considerations.\"]}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Component Usage Explanations:\"}),\" Each component is accompanied by a rationale for its use, helping you understand when and how to apply them effectively.\"]}),/*#__PURE__*/e(\"h5\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"Light Mode and Dark Mode\"}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Dual Theme Support:\"}),\" The components page now supports both light and dark modes, allowing you to view and test components in different environments.\"]}),/*#__PURE__*/e(\"h5\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"Full Animations and Interactions in Framer\"}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Interactive Prototyping:\"}),\" Experience full animations and interactions of components within Framer, providing a real-time view of their behavior.\"]}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"Updated UI Templates with the Latest Designs\"}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"New Wireframes and Components Page Design:\"}),\" Discover our newest design innovations with updated UI templates, including wireframes that showcase the latest trends and best practices.\"]}),/*#__PURE__*/e(\"p\",{children:\"This update is part of our ongoing commitment to providing you with the most comprehensive and user-friendly design resources. We hope these enhancements will inspire and facilitate your creative process. Stay tuned for more updates and improvements!\"})]}),[u]:\"2023-11-20T00:00:00.000Z\",[f]:{webPageId:\"DY9adcFVw\"}},{index:4,id:\"XDKm9G2eC\",[d]:\"Dark Mode Outline Style\",[c]:\"dark-mode-outline-style\",[p]:y({src:\"https://framerusercontent.com/images/PQfphnhdYKsCY9U53rvRQIuT5f0.png\",srcSet:\"https://framerusercontent.com/images/PQfphnhdYKsCY9U53rvRQIuT5f0.png?scale-down-to=512 512w,https://framerusercontent.com/images/PQfphnhdYKsCY9U53rvRQIuT5f0.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/PQfphnhdYKsCY9U53rvRQIuT5f0.png 2048w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"This update introduces a new 'Outline Dark Mode' style, enhancing the UI with a modern, minimalistic design. This style is compatible with various UI themes and adds functionality with fresh components.\\n\\n- New style: Outline Dark Mode, minimal and modern.\\n- Compatible with most UI themes.\\n- Over 20 new components, including button charts, cards, and calendars.\\n- Updated buttons, toggles, and inputs.\\n- Existing components available in the new style.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"This update introduces a new 'Outline Dark Mode' style, enhancing the UI with a modern, minimalistic design. This style is compatible with various UI themes and adds functionality with fresh components.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/t(\"ul\",{style:{\"--framer-font-size\":\"16px\",\"--framer-text-alignment\":\"start\",\"--framer-text-color\":\"rgb(0, 0, 0)\",\"--framer-text-decoration\":\"none\",\"--framer-text-transform\":\"none\"},children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-text-color\":\"rgb(0, 0, 0)\"},children:/*#__PURE__*/e(\"p\",{children:\"New style: Outline Dark Mode, minimal and modern.\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-text-color\":\"rgb(0, 0, 0)\"},children:/*#__PURE__*/e(\"p\",{children:\"Compatible with most UI themes.\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-text-color\":\"rgb(0, 0, 0)\"},children:/*#__PURE__*/e(\"p\",{children:\"Over 20 new components, including button charts, cards, and calendars.\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-text-color\":\"rgb(0, 0, 0)\"},children:/*#__PURE__*/e(\"p\",{children:\"Updated buttons, toggles, and inputs.\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-text-color\":\"rgb(0, 0, 0)\"},children:/*#__PURE__*/e(\"p\",{children:\"Existing components available in the new style.\"})})]})]}),[u]:\"2023-11-16T00:00:00.000Z\"},{index:5,id:\"OTV2bnCo9\",[d]:\"Dark Mode and 3D Backgrounds\",[c]:\"dark-mode-and-3d-backgrounds\",[p]:y({src:\"https://framerusercontent.com/images/TnyuLHJmRCnTDuuV5kh8c4aezoY.png\",srcSet:\"https://framerusercontent.com/images/TnyuLHJmRCnTDuuV5kh8c4aezoY.png?scale-down-to=512 512w,https://framerusercontent.com/images/TnyuLHJmRCnTDuuV5kh8c4aezoY.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/TnyuLHJmRCnTDuuV5kh8c4aezoY.png?scale-down-to=2048 2048w,https://framerusercontent.com/images/TnyuLHJmRCnTDuuV5kh8c4aezoY.png 2866w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"The update brings a system-responsive Dark Mode, where the UI colors adapt to your system's light or dark settings. This is achieved through centralized color mapping in Framer, allowing any changes in color styles to automatically update across all components. This means that adjustments to primary colors like backgrounds or outlines will seamlessly apply to all relevant elements.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"Our latest Design Code UI update introduces Dark Mode and new 3D backgrounds, enhancing both the visual appeal and functional efficiency of your design projects.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"Dark Mode with Framer Color Style Themes\"}),/*#__PURE__*/e(\"p\",{children:\"The update brings a system-responsive Dark Mode, where the UI colors adapt to your system's light or dark settings. This is achieved through centralized color mapping in Framer, allowing any changes in color styles to automatically update across all components. This means that adjustments to primary colors like backgrounds or outlines will seamlessly apply to all relevant elements.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"3D Backgrounds Using Spline\"}),/*#__PURE__*/e(\"p\",{children:\"In addition to Dark Mode, we've integrated 3D backgrounds created with Spline. These backgrounds are designed with a focus on minimizing CPU usage and optimizing overall performance. They are available for various sections, including pricing and hero areas, and are part of the Design Code UI package for your use.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"How to use\"}),/*#__PURE__*/e(\"p\",{children:\"For customers, the latest version of the Framer project is now available as part of your Framer download. It includes all the new features: code overrides, color styles, components, and the newly added background designs.\"})]}),[u]:\"2023-11-12T00:00:00.000Z\"},{index:6,id:\"izPBfhqb2\",[d]:\"Create your first button for the design system\",[c]:\"create-your-first-button-for-the-design-system\",[p]:y({src:\"https://framerusercontent.com/images/4qKISoPpsGJ79fFCRC3wpiaNTOE.jpg\",srcSet:\"https://framerusercontent.com/images/4qKISoPpsGJ79fFCRC3wpiaNTOE.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/4qKISoPpsGJ79fFCRC3wpiaNTOE.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/4qKISoPpsGJ79fFCRC3wpiaNTOE.jpg?scale-down-to=2048 2048w,https://framerusercontent.com/images/4qKISoPpsGJ79fFCRC3wpiaNTOE.jpg 3840w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:'Firstly, either create a new template or select a page within your design system specifically for buttons. For our example, we\\'ll refer to this page simply as \"Buttons.\"\\n\\nOrganizing Your Buttons\\nIdeally, you should have a minimal number of button variants to maintain simplicity. However, depending on your design\\'s complexity, you may have multiple styles and variants to provide the necessary flexibility.\\n\\nCreating a Button\\n- Add Text to Your Button:\\n- Use the text tool (often shortcut \\'T\\') to add your button\\'s text.\\n- Apply the \"Body\" text style, choosing between \"Regular\" and \"Medium\" based on the emphasis you want to give your text...',[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"Design systems are vital for creating uniformity and efficiency in digital product design. In the realm of user interfaces, buttons are ubiquitous components that facilitate user actions. This comprehensive tutorial will guide you through the nuances of crafting a versatile and reusable button within your design system, ensuring consistency and functionality across your projects.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(r.div,{className:\"framer-text-module\",style:{\"--aspect-ratio\":\"560 / 315\",aspectRatio:\"var(--aspect-ratio)\",height:\"auto\",width:\"100%\"},children:/*#__PURE__*/e(a,{componentIdentifier:\"module:NEd4VmDdsxM3StIUbddO/bZxrMUxBPAhoXlARkK9C/YouTube.js:Youtube\",children:t=>/*#__PURE__*/e(l,{...t,play:\"Off\",shouldMute:!0,thumbnail:\"High Quality\",url:\"https://youtu.be/jts39CN4fLk\"})})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/t(\"p\",{children:[\"\u25BA \",/*#__PURE__*/e(s,{href:\"https://youtu.be/jts39CN4fLk\",openInNewTab:!1,smoothScroll:!1,children:/*#__PURE__*/e(\"a\",{children:\"Watch the video\"})})]}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"Setting Up Your Button Page\"}),/*#__PURE__*/e(\"p\",{children:\"When it comes to organizing your design system, it is crucial to allocate a specific area dedicated to your button designs. This can be done in two ways:\"}),/*#__PURE__*/t(\"ol\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Creating a New Template\"}),\": Design a new page from scratch, specifically for buttons. This allows for complete customization and focus on button-related elements.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Selecting a Page within Your Design System\"}),': Choose an existing page that can be repurposed to showcase your buttons. Name this section \"Buttons\" for clear reference.']})})]}),/*#__PURE__*/e(\"p\",{children:\"This page will serve as the central hub for all button-related designs, acting as a reference point for the design and development teams.\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"Organizing Your Buttons\"}),/*#__PURE__*/e(\"p\",{children:\"The organization of your buttons is a balancing act between simplicity and the need for different styles. Here's how to manage your button variants:\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Minimal Variants\"}),\": Start with a base set of button styles to cover most of your needs. This might include a primary button, a secondary button, and a tertiary style.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Categorization\"}),\": Group buttons by their function, like 'Call to Action', 'Form Submission', or 'Navigation'.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Complexity Management\"}),\": For more complex designs, create additional variants carefully. Each new style should serve a distinct purpose and not overlap with existing ones.\"]})})]}),/*#__PURE__*/e(\"h4\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"Crafting the Button\"}),/*#__PURE__*/e(\"h3\",{children:\"Add Text to Your Button:\"}),/*#__PURE__*/e(\"p\",{children:\"Text is a critical element of any button, conveying its function. Here\u2019s how to add and style text:\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Text Tool\"}),\": Use the text tool (\",/*#__PURE__*/e(\"strong\",{children:\"T\"}),\") to type out the label for your button.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Text Styles\"}),': Apply the \"Body\" text style from your design system. Choose between \"Regular\" and \"Medium\" font weights to convey the appropriate level of prominence.']})})]}),/*#__PURE__*/e(\"h5\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h3\",{children:\"Incorporate an Icon:\"}),/*#__PURE__*/e(\"p\",{children:\"Icons can enhance the usability of buttons by adding visual cues. To add an icon:\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Insert Icon\"}),\": Use the shortcut (\",/*#__PURE__*/e(\"strong\",{children:\"Shift\"}),\" + \",/*#__PURE__*/e(\"strong\",{children:\"I\"}),\") to place an icon onto your button.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Icon Library\"}),': Select from your design system\u2019s library for consistent iconography. For example, a \"chevron right\" can indicate forward movement.']})})]}),/*#__PURE__*/e(\"h5\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h3\",{children:\"Set Colors and Styles:\"}),/*#__PURE__*/e(\"p\",{children:\"Colors play a significant role in button design, affecting visibility and user interaction. When setting colors:\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Adaptability\"}),\": Choose color variables that adapt to different themes, like light and dark modes.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Consistency\"}),\": Stick to your design system's palette to maintain visual harmony across your product.\"]})})]}),/*#__PURE__*/e(\"h3\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h3\",{children:\"Using Auto Layout:\"}),/*#__PURE__*/e(\"p\",{children:\"Auto layout streamlines the design process. Here\u2019s how to use it:\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Auto Layout Feature\"}),\": Combine text and icon with auto layout (\",/*#__PURE__*/e(\"strong\",{children:\"Shift\"}),\" + \",/*#__PURE__*/e(\"strong\",{children:\"A\"}),\"), which allows elements to adjust automatically based on content.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Adjustments\"}),\": Fine-tune padding and gaps to ensure the button's text and icon are aligned and balanced.\"]})})]}),/*#__PURE__*/e(\"h3\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h3\",{children:\"Component Properties:\"}),/*#__PURE__*/e(\"p\",{children:\"Components increase reusability and consistency. Convert your design into a component:\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Component Conversion\"}),\": This allows you to reuse the button with different labels or icons without redesigning it.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Property Definition\"}),\": Set up properties for text and icon modifications, enabling easy updates and variations.\"]})})]}),/*#__PURE__*/e(\"h4\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"h2\",{children:\"Testing Your Button\"}),/*#__PURE__*/e(\"p\",{children:\"Once your button is crafted, it's time to test it:\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Contextual Testing\"}),\": Place your button in various designs to ensure it works well in different scenarios.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Refinement\"}),\": As your design system evolves, continually refine your button to ensure it remains functional and aesthetically pleasing.\"]})})]}),/*#__PURE__*/e(\"p\",{children:\"By following these detailed steps, you will create a button that is not only visually consistent with your design system but also flexible enough to be used in various contexts. Remember, a well-designed button is more than an attractive element; it is a crucial tool that aids user interaction, driving your product\u2019s usability and success.\"})]}),[u]:\"2023-11-09T00:00:00.000Z\",[f]:\"https://youtu.be/jts39CN4fLk\"},{index:7,id:\"WFTV2aGEg\",[d]:\"New Buttons and Tutorials for Colors, Spacing and Shadows\",[c]:\"new-buttons-and-tutorials-for-colors-spacing-and-shadows\",[p]:y({src:\"https://framerusercontent.com/images/Yj61mWnapFaiJtIzYpj4iMFZg.png\",srcSet:\"https://framerusercontent.com/images/Yj61mWnapFaiJtIzYpj4iMFZg.png?scale-down-to=512 512w,https://framerusercontent.com/images/Yj61mWnapFaiJtIzYpj4iMFZg.png 1024w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"Here's what's new:\\n\\nNew Components:\\n- Gradient button\\n- Play button\\n- Floating menu\\n\\nEnhanced Learning Resources:\\n- Live stream tutorial explaining the design system for beginners and teams.\\n- Detailed tutorials for colors, spacing, shadows, and blurs with practical examples.\\n\\nTemplates Under Development:\\n- Courses template\\n- Video streaming template\\n- Booking template\\n\\nKeep your design toolkit updated\u2014more components, templates, and sections are on their way to enhance your design journey. Stay tuned!\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"Here's what's new:\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"New Components:\"})}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Gradient button\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Play button\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Floating menu\"})})]}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"Enhanced Learning Resources:\"})}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Live stream tutorial explaining the design system for beginners and teams. \"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Detailed tutorials for colors, spacing, shadows, and blurs with practical examples.\"})})]}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"Templates Under Development:\"})}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Courses template\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Video streaming template\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Booking template\"})})]}),/*#__PURE__*/e(\"p\",{children:\"Keep your design toolkit updated\u2014more components, templates, and sections are on their way to enhance your design journey. Stay tuned!\"})]}),[u]:\"2023-11-08T00:00:00.000Z\"},{index:8,id:\"i0ny0i4AX\",[d]:\"Deep dive into design systems in Figma and Framer\",[c]:\"deep-dive-into-design-systems-in-figma-and-framer\",[p]:y({src:\"https://framerusercontent.com/images/399WYw7MWp0XjoumCBVwNC00GHQ.jpg\",srcSet:\"https://framerusercontent.com/images/399WYw7MWp0XjoumCBVwNC00GHQ.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/399WYw7MWp0XjoumCBVwNC00GHQ.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/399WYw7MWp0XjoumCBVwNC00GHQ.jpg?scale-down-to=2048 2048w,https://framerusercontent.com/images/399WYw7MWp0XjoumCBVwNC00GHQ.jpg 3840w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"This livestream is a deep dive into design systems in Figma and Framer. \\n\\nIntro:\\n0:00 - Intro, Meng moved to Singapore\\n1:24 - Why create a Design System?\\n\\nVariables:\\n9:00 - Explaining variables and design tokens\\n13:43 - Primitives and contextual values in variables\\n\\nSpacing:\\n15:31 - Importance of spacing\\n16:17 - Using 8-point grid system\\n\\nSemantics:\\n21:22 - Semantic naming for contextual values\\n\\nComponents mapping:\\n37:52 - Mapping components to light/dark modes\\n39:48 - Mapping components to breakpoints\\n\\nFramer implementation:\\n50:51 - Demo of implementation in Framer\\n52:56 - Tips for transitioning from Figma to Framer\\n\\n1:06:35 - Figma plugins\\n1:11:20 - Pricing for DesignCode UI\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/t(\"p\",{children:[\"This livestream is a deep dive into design systems in Figma and Framer.  \",/*#__PURE__*/e(s,{href:\"https://youtube.com/live/AtoweRknIKA\",openInNewTab:!0,smoothScroll:!1,children:/*#__PURE__*/e(\"a\",{children:\"Watch video\"})})]}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(r.div,{className:\"framer-text-module\",style:{\"--aspect-ratio\":\"560 / 315\",aspectRatio:\"var(--aspect-ratio)\",height:\"auto\",width:\"100%\"},children:/*#__PURE__*/e(a,{componentIdentifier:\"module:NEd4VmDdsxM3StIUbddO/bZxrMUxBPAhoXlARkK9C/YouTube.js:Youtube\",children:t=>/*#__PURE__*/e(l,{...t,play:\"Off\",shouldMute:!0,thumbnail:\"High Quality\",url:\"https://www.youtube.com/watch?v=AtoweRknIKA\"})})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"Intro:\"})}),/*#__PURE__*/e(\"p\",{children:\"0:00 - Intro, Meng moved to Singapore\"}),/*#__PURE__*/e(\"p\",{children:\"1:24 - Why create a Design System?\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"Variables:\"})}),/*#__PURE__*/e(\"p\",{children:\"9:00 - Explaining variables and design tokens\"}),/*#__PURE__*/e(\"p\",{children:\"13:43 - Primitives and contextual values in variables\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"Spacing:\"})}),/*#__PURE__*/e(\"p\",{children:\"15:31 - Importance of spacing\"}),/*#__PURE__*/e(\"p\",{children:\"16:17 - Using 8-point grid system\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"Semantics:\"})}),/*#__PURE__*/e(\"p\",{children:\"21:22 - Semantic naming for contextual values\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"Components mapping:\"})}),/*#__PURE__*/e(\"p\",{children:\"37:52 - Mapping components to light/dark modes\"}),/*#__PURE__*/e(\"p\",{children:\"39:48 - Mapping components to breakpoints\"}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(\"strong\",{children:\"Framer implementation:\"})}),/*#__PURE__*/e(\"p\",{children:\"50:51 - Demo of implementation in Framer\"}),/*#__PURE__*/e(\"p\",{children:\"52:56 - Tips for transitioning from Figma to Framer\"}),/*#__PURE__*/e(\"p\",{children:\"1:06:35 - Figma plugins\"}),/*#__PURE__*/e(\"p\",{children:\"1:11:20 - Pricing for DesignCode UI\"})]}),[u]:\"2023-11-06T00:00:00.000Z\",[f]:\"https://youtube.com/live/AtoweRknIKA\"},{index:9,id:\"LfrVwht2t\",[d]:\"Some tips for preparing for Mobile\",[c]:\"some-tips-for-preparing-for-mobile\",[p]:y({src:\"https://framerusercontent.com/images/S1yo99neq5V0D8wpPKahR0Zf96U.png\",srcSet:\"https://framerusercontent.com/images/S1yo99neq5V0D8wpPKahR0Zf96U.png?scale-down-to=512 512w,https://framerusercontent.com/images/S1yo99neq5V0D8wpPKahR0Zf96U.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/S1yo99neq5V0D8wpPKahR0Zf96U.png?scale-down-to=2048 2048w,https://framerusercontent.com/images/S1yo99neq5V0D8wpPKahR0Zf96U.png 2880w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"- Make sure that your content is set to Fill and can fit in a 375 width. Desktop typically uses max-width.\\u2028\\n\\n- Avoid Fixed sizes, embrace min/max values.\\u2028\\n\\n- Screen paddings for Mobile are vastly different from Desktop and Tablet. They are as follow: 96 for Desktop, 24 for Tablet and 20 for Mobile. Content paddings and gaps also scale similarly.\\u2028\\n\\n- For Headings, use the Mobile counterparts. E.G. Heading 1 to Mobile Heading 1.\\u2028\\n\\n- For best CSS implementation, set everything to Auto Layout. There are 2 elements that use Absolute: backgrounds and overlays.\\u2028\\n\\n- Typically, Auto Layout direction is set to Vertical for Mobile and Horizontal for Desktop.\\u2028\\n\\n- Use Auto Layout Wrap when you can. This saves the trouble of switching direction.\\u2028\\n\\n- Some assets like mockups and illustrations need to be scaled (K) at 0.75x or 0.5x for Mobile.\",[g]:/*#__PURE__*/e(o.Fragment,{children:/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Make sure that your content is set to Fill and can fit in a 375 width. Desktop typically uses max-width.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Avoid Fixed sizes, embrace min/max values.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Screen paddings for Mobile are vastly different from Desktop and Tablet. They are as follow: 96 for Desktop, 24 for Tablet and 20 for Mobile. Content paddings and gaps also scale similarly.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"For Headings, use the Mobile counterparts. E.G. Heading 1 to Mobile Heading 1.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"For best CSS implementation, set everything to Auto Layout. There are 2 elements that use Absolute: backgrounds and overlays.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Typically, Auto Layout direction is set to Vertical for Mobile and Horizontal for Desktop.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Use Auto Layout Wrap when you can. This saves the trouble of switching direction.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Some assets like mockups and illustrations need to be scaled (K) at 0.75x or 0.5x for Mobile.\"})})]})}),[u]:\"2023-11-03T00:00:00.000Z\"},{index:10,id:\"SVctZUONW\",[d]:\"Light/Dark Mode and Styles\",[c]:\"light-dark-mode-styles\",[p]:y({src:\"https://framerusercontent.com/images/VyUiXE2wCNwAGC6Adc286ekrQ.jpg\",srcSet:\"https://framerusercontent.com/images/VyUiXE2wCNwAGC6Adc286ekrQ.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/VyUiXE2wCNwAGC6Adc286ekrQ.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/VyUiXE2wCNwAGC6Adc286ekrQ.jpg 2048w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"What makes DesignCode UI unique is its theming. The aesthetic is unmistakably different and personal. The background sets the mood, the glass absorb the colors and the shadows elevate. Despite that, it\u2019s super flexible. Here is how you can switch between light and dark mode, and adjust styles:\\n\\nSelect the \u201CDesignCode UI\u201D frame and in the Inspector / Layer, select the Style and Colors that you want. Select Dark and booooom! This works on every single component! \\u2028\\u2028Please note that Style should be selected before Mode. That\u2019s because Dark Mode is only explicitly created for Glass. The rest uses Variables.\\n\\nChoose between three styles: Glass, Outline, and Flat.\\n- Glass: Utilizes gradients and drop shadows.\\n- Outline: No gradients, only outlines.\\n- Flat: Neither outlines nor drop shadows.\\n\\nTheming is available for individual component, including nested ones.\\n\\nAll styles use a blurred layer, making them versatile for any background. This is useful for various applications, including desktop and web pages.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"What makes DesignCode UI unique is its theming. The aesthetic is unmistakably different and personal. The background sets the mood, the glass absorb the colors and the shadows elevate. Despite that, it\u2019s super flexible. Here is how you can switch between light and dark mode, and adjust styles:\"}),/*#__PURE__*/e(\"p\",{children:\"Select the \u201CDesignCode UI\u201D frame and in the Inspector / Layer, select the Style and Colors that you want. Select Dark and booooom! This works on every single component! \\u2028\\u2028\\u2028\\u2028Please note that Style should be selected before Mode. That\u2019s because Dark Mode is only explicitly created for Glass. The rest uses Variables.\"}),/*#__PURE__*/e(\"p\",{children:\"Choose between three styles: Glass, Outline, and Flat.\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Glass\"}),\": Utilizes gradients and drop shadows.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Outline\"}),\": No gradients, only outlines.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Flat\"}),\": Neither outlines nor drop shadows.\"]})})]}),/*#__PURE__*/e(\"p\",{children:\"Theming is available for individual component, including nested ones.\"}),/*#__PURE__*/e(\"p\",{children:\"All styles use a blurred layer, making them versatile for any background. This is useful for various applications, including desktop and web pages.\"})]}),[u]:\"2023-11-01T00:00:00.000Z\"},{index:11,id:\"unVawQQsl\",[d]:\"Primitives, Variables scoping and Brand colors\",[c]:\"primitives-variables-scoping-and-brand-colors\",[p]:y({src:\"https://framerusercontent.com/images/4921jPFUmL90Ny2or4OffDwZbVc.jpg\",srcSet:\"https://framerusercontent.com/images/4921jPFUmL90Ny2or4OffDwZbVc.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/4921jPFUmL90Ny2or4OffDwZbVc.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/4921jPFUmL90Ny2or4OffDwZbVc.jpg 2000w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"In building your design system, aligning with established standards like Figma's guidelines and Apple's UI Kit is crucial. Here's a breakdown of this approach:\\u2028\\n\\n- Primitives: Hidden from publishing and scoping, these include basic colors like black, white, red, etc. with different variations. This allows for context on color usage and offers complementary colors.\\u2028\\n\\n- Semantic colors: Named intuitively to guide users on usage, e.g., \\\"background border,\\\" \\\"container divider.\\\" Context is important.\\u2028\\n\\n- Variables scoping: Restricts usage of values to their intended context, making it clear that a border color shouldn't be used for text.\\u2028\\n\\nBy focusing on consistency, clear naming, and contextual scoping, you're creating a robust design system that's both user-friendly and in sync with industry standards.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"In building your design system, aligning with established standards like Figma's guidelines and Apple's UI Kit is crucial. Here's a breakdown of this approach:\\u2028\\u2028\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Primitives: Hidden from publishing and scoping, these include basic colors like black, white, red, etc. with different variations. This allows for context on color usage and offers complementary colors.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:'Semantic colors: Named intuitively to guide users on usage, e.g., \"background border,\" \"container divider.\" Context is important.\\u2028\\u2028'})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Variables scoping: Restricts usage of values to their intended context, making it clear that a border color shouldn't be used for text.\\u2028\\u2028\"})})]}),/*#__PURE__*/e(\"p\",{children:\"By focusing on consistency, clear naming, and contextual scoping, you're creating a robust design system that's both user-friendly and in sync with industry standards.\"})]}),[u]:\"2023-10-29T00:00:00.000Z\"},{index:12,id:\"EASqZa35j\",[d]:\"Breakpoints\",[c]:\"breakpoints\",[p]:y({src:\"https://framerusercontent.com/images/tmMzmjbqzTRcHWUXuV6VIBpTGA.png\",srcSet:\"https://framerusercontent.com/images/tmMzmjbqzTRcHWUXuV6VIBpTGA.png?scale-down-to=512 512w,https://framerusercontent.com/images/tmMzmjbqzTRcHWUXuV6VIBpTGA.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/tmMzmjbqzTRcHWUXuV6VIBpTGA.png 2000w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"In this update, we introduce breakpoints. This feature effortlessly transitions between desktop, tablet, and mobile views. If a component is too large or small for a particular device, breakpoints will map the correct instance, ensuring optimal design adaptation across different screen sizes through component properties.\",[g]:/*#__PURE__*/e(o.Fragment,{children:/*#__PURE__*/e(\"p\",{children:\"In this update, we introduce breakpoints. This feature effortlessly transitions between desktop, tablet, and mobile views. If a component is too large or small for a particular device, breakpoints will map the correct instance, ensuring optimal design adaptation across different screen sizes through component properties.\"})}),[u]:\"2023-10-27T00:00:00.000Z\"},{index:13,id:\"yBP1aZNQu\",[d]:\"Background System\",[c]:\"background-system\",[p]:y({src:\"https://framerusercontent.com/images/bjl5RGXSpMYVjffz4QXjXSrwACQ.png\",srcSet:\"https://framerusercontent.com/images/bjl5RGXSpMYVjffz4QXjXSrwACQ.png?scale-down-to=512 512w,https://framerusercontent.com/images/bjl5RGXSpMYVjffz4QXjXSrwACQ.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/bjl5RGXSpMYVjffz4QXjXSrwACQ.png 2000w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"DesignCode UI boasts a distinct background system. Users can toggle between patterns like waves, vortex, grid, and stars, with more additions anticipated. Coupled with a diverse range of colors and blurs, these offer thousands of visually appealing combinations. This system simplifies the often challenging task for developers and beginners of crafting striking backgrounds to complement UI designs.\",[g]:/*#__PURE__*/e(o.Fragment,{children:/*#__PURE__*/e(\"p\",{children:\"DesignCode UI boasts a distinct background system. Users can toggle between patterns like waves, vortex, grid, and stars, with more additions anticipated. Coupled with a diverse range of colors and blurs, these offer thousands of visually appealing combinations. This system simplifies the often challenging task for developers and beginners of crafting striking backgrounds to complement UI designs.\"})}),[u]:\"2023-10-25T00:00:00.000Z\"},{index:14,id:\"ynNcrzBpO\",[d]:\"Story cards, Comment, Reply, Reminders\",[c]:\"story-cards-comment-reply-reminders\",[p]:y({src:\"https://framerusercontent.com/images/TSrTPvThOzhBNmJ88suEq3LUSno.png\",srcSet:\"https://framerusercontent.com/images/TSrTPvThOzhBNmJ88suEq3LUSno.png?scale-down-to=512 512w,https://framerusercontent.com/images/TSrTPvThOzhBNmJ88suEq3LUSno.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/TSrTPvThOzhBNmJ88suEq3LUSno.png 2000w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"4 components, 16 variants\\n\\nDesignCode UI now offers a comprehensive component library tailored for interactive websites emphasizing social interactions:\\u2028\\n\\n- Commenting & Replying: Facilitate user discussions and feedback.\\u2028\\n- Uploading: Seamless content addition by users.\\u2028\\n- Image Presentation & Browsing: Display and navigate through visuals effectively.\\u2028\\n- Tasks & Reminders: Organize and prompt user activities or obligations.\\u2028\\n\\nThis enhancement ensures websites are equipped to engage and interact with users effectively.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"4 components, 16 variants\"}),/*#__PURE__*/e(\"p\",{children:\"DesignCode UI now offers a comprehensive component library tailored for interactive websites emphasizing social interactions:\\u2028\\u2028\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Commenting & Replying: Facilitate user discussions and feedback.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Uploading: Seamless content addition by users.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Image Presentation & Browsing: Display and navigate through visuals effectively.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Tasks & Reminders: Organize and prompt user activities or obligations.\\u2028\\u2028\"})})]}),/*#__PURE__*/e(\"p\",{children:\"This enhancement ensures websites are equipped to engage and interact with users effectively.\"})]}),[u]:\"2023-10-25T00:00:00.000Z\"},{index:15,id:\"TZKEnJEJS\",[d]:\"Payment Card, Alert, FAQ\",[c]:\"payment-card-alert-faq\",[p]:y({src:\"https://framerusercontent.com/images/IVqXzfRVp8bdyzl1eO5TqBOliUc.png\",srcSet:\"https://framerusercontent.com/images/IVqXzfRVp8bdyzl1eO5TqBOliUc.png?scale-down-to=512 512w,https://framerusercontent.com/images/IVqXzfRVp8bdyzl1eO5TqBOliUc.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/IVqXzfRVp8bdyzl1eO5TqBOliUc.png 2000w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"3 components, 12 variants\\n\\nFor projects reliant on payments, DesignCode UI offers extensive component support:\\u2028\\nCards: Essential for displaying payment methods.\\u2028\\n\\n- FAQ: Address common payment-related questions.\\u2028\\n- Payment Model: Handle transaction details.\\u2028\\n- Alerts: Notify users of payment updates or issues.\\u2028\\n- Pricing Cards: Clearly list product or service costs.\\u2028\\n- Contact Card: Provide support or assistance related to payments.\\u2028\\n\\nWith these expanding components and variants, DesignCode UI aims to streamline the payment integration process in websites and apps.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"3 components, 12 variants\"}),/*#__PURE__*/e(\"p\",{children:\"For projects reliant on payments, DesignCode UI offers extensive component support:\\u2028\\u2028\"}),/*#__PURE__*/e(\"p\",{children:\"Cards: Essential for displaying payment methods.\\u2028\\u2028\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"FAQ: Address common payment-related questions.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Payment Model: Handle transaction details.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Alerts: Notify users of payment updates or issues.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Pricing Cards: Clearly list product or service costs.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Contact Card: Provide support or assistance related to payments.\\u2028\\u2028\"})})]}),/*#__PURE__*/e(\"p\",{children:\"With these expanding components and variants, DesignCode UI aims to streamline the payment integration process in websites and apps.\"})]}),[u]:\"2023-10-25T00:00:00.000Z\"},{index:16,id:\"zZfPkHIZc\",[d]:\"Keyboards\",[c]:\"keyboards\",[p]:y({src:\"https://framerusercontent.com/images/fJFjjUFTmyXWOuBIy4JUNB3iMZo.png\",srcSet:\"https://framerusercontent.com/images/fJFjjUFTmyXWOuBIy4JUNB3iMZo.png?scale-down-to=512 512w,https://framerusercontent.com/images/fJFjjUFTmyXWOuBIy4JUNB3iMZo.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/fJFjjUFTmyXWOuBIy4JUNB3iMZo.png 2000w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"1 component, 4 variants\\n\\nThe keyboard can be used to showcase your digital product in a Features section.\\n\\nDevelopers can significantly benefit from DesignCode UI for several key reasons:\\n\\n- Ready-Made Design: This platform provides with aesthetically pleasing, pre-designed templates, eliminating the guesswork.\\nFocus on Logic: With design elements sorted, developers can spend more time on application logic, functionality, and database connections.\\n\\n- Competitive Edge: In a market where design sells, a good-looking UI is crucial. Companies like Stripe and Linear serve as examples of how impactful good design can be.\\n\\n- Versatility: Whether it's a marketing page, macOS app, or web app, Design Code UI's system is adaptable to various platforms and use-cases.\\n\\n- Trust Factor: Users, not just designers, are more likely to trust a product that looks polished. DesignCode UI provides that level of professionalism right out of the box.\\n\\n- Consistency: Developers often struggle with maintaining UI consistency. A design system like yours can streamline this process.\\n\\n- Time-Saving: Given the library of UI elements and components, developers can quickly assemble functional, good-looking interfaces, which saves them time and effort.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"1 component, 4 variants\"}),/*#__PURE__*/e(\"p\",{children:\"The keyboard can be used to showcase your digital product in a Features section.\"}),/*#__PURE__*/e(\"p\",{children:\"Developers can significantly benefit from DesignCode UI for several key reasons:\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Ready-Made Design\"}),\": This platform provides with aesthetically pleasing, pre-designed templates, eliminating the guesswork.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Focus on Logic\"}),\": With design elements sorted, developers can spend more time on application logic, functionality, and database connections.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Competitive Edge\"}),\": In a market where design sells, a good-looking UI is crucial. Companies like Stripe and Linear serve as examples of how impactful good design can be.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Versatility\"}),\": Whether it's a marketing page, macOS app, or web app, Design Code UI's system is adaptable to various platforms and use-cases.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Trust Factor\"}),\": Users, not just designers, are more likely to trust a product that looks polished. DesignCode UI provides that level of professionalism right out of the box.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Consistency\"}),\": Developers often struggle with maintaining UI consistency. A design system like yours can streamline this process.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Time-Saving\"}),\": Given the library of UI elements and components, developers can quickly assemble functional, good-looking interfaces, which saves them time and effort.\"]})})]})]}),[u]:\"2023-10-23T00:00:00.000Z\"},{index:17,id:\"TALxEvazH\",[d]:\"Card Design System\",[c]:\"card-design-system\",[p]:y({src:\"https://framerusercontent.com/images/wbcF4sNJqNZTBDImBoc62yAag.png\",srcSet:\"https://framerusercontent.com/images/wbcF4sNJqNZTBDImBoc62yAag.png?scale-down-to=512 512w,https://framerusercontent.com/images/wbcF4sNJqNZTBDImBoc62yAag.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/wbcF4sNJqNZTBDImBoc62yAag.png 2000w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"1 component, 4 variants, 16 patterns\\n\\nDesignCode UI's card system is notably versatile. It offers:\\u2028\\n\\n- Four Variants: Choose layouts with the ship on the left or top right, and similarly adjust logo positions.\\u2028\\n- Customizable Content: Modify text, validation text, and title.\\u2028\\n- Pattern Selection: Over 10 patterns available for customization.\\u2028\\n- Background Adjustments: Alter gradients and colors to fit your design needs.\\u2028\\n- These features combine to make the card system both functional and unique.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"1 component, 4 variants, 16 patterns\"}),/*#__PURE__*/e(\"p\",{children:\"DesignCode UI's card system is notably versatile. It offers:\\u2028\\u2028\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Four Variants: Choose layouts with the ship on the left or top right, and similarly adjust logo positions.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Customizable Content: Modify text, validation text, and title.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Pattern Selection: Over 10 patterns available for customization.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Background Adjustments: Alter gradients and colors to fit your design needs.\\u2028\\u2028\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"These features combine to make the card system both functional and unique.\"})})]})]}),[u]:\"2023-10-23T00:00:00.000Z\"},{index:18,id:\"nxkVW_jOB\",[d]:\"2 New Styles: Outline, Flat\",[c]:\"2-new-styles-outline-flat\",[p]:y({src:\"https://framerusercontent.com/images/uL2cta5iw8nwCDJr2GDJo5cmLE.png\",srcSet:\"https://framerusercontent.com/images/uL2cta5iw8nwCDJr2GDJo5cmLE.png?scale-down-to=512 512w,https://framerusercontent.com/images/uL2cta5iw8nwCDJr2GDJo5cmLE.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/uL2cta5iw8nwCDJr2GDJo5cmLE.png 2000w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"In this update, we're rolling out two new styles alongside our unique light/dark styles:\\n\\n- Flat Style: No shadows or outlines, uses variable colors for automatic light and dark mode.\\n- Outline Style: Includes shadows and an outline, but no gradients. Full Variables.\\n- Light/Dark: Retains use of component properties for light and dark mode, due to gradient support.\\n\\nEach style offers distinct visual features to enhance your design options.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"In this update, we're rolling out two new styles alongside our unique light/dark styles:\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Flat Style: No shadows or outlines, uses variable colors for automatic light and dark mode.\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Outline Style: Includes shadows and an outline, but no gradients. Full Variables.\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Light/Dark: Retains use of component properties for light and dark mode, due to gradient support.\"})})]}),/*#__PURE__*/e(\"p\",{children:\"Each style offers distinct visual features to enhance your design options.\"})]}),[u]:\"2023-10-21T00:00:00.000Z\"},{index:19,id:\"OwS3W66BV\",[d]:\"Navigation Menu, Pricing, Toggle\",[c]:\"navigation-menu-pricing-toggle\",[p]:y({src:\"https://framerusercontent.com/images/L0gAZ4wIRrS35MxsIuGmnir85kg.jpg\",srcSet:\"https://framerusercontent.com/images/L0gAZ4wIRrS35MxsIuGmnir85kg.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/L0gAZ4wIRrS35MxsIuGmnir85kg.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/L0gAZ4wIRrS35MxsIuGmnir85kg.jpg 2000w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"3 components, 12 variants\\n\\nThis UI system was made not just for full-width landing pages but also for minimalistic apps like desktop apps with a native feel that fit nicely in a modern macOS and Windows 11 environment.\\n\\n- Sidebar/tooltip menu\\n- Floating navigation menu\\n- Realistic light switch\\n- Floating pricing card\\n- Horizontal/vertical cards\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"3 components, 12 variants\"}),/*#__PURE__*/e(\"p\",{children:\"This UI system was made not just for full-width landing pages but also for minimalistic apps like desktop apps with a native feel that fit nicely in a modern macOS and Windows 11 environment.\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Sidebar/tooltip menu\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Floating navigation menu\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Realistic light switch\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Floating pricing card\"})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Horizontal/vertical cards\"})})]})]}),[u]:\"2023-10-21T00:00:00.000Z\"},{index:20,id:\"a4rUXbDyU\",[d]:\"Notifications, Menu, Tooltip, Testimonial\",[c]:\"notifications-menu-tooltip-testimonial\",[p]:y({src:\"https://framerusercontent.com/images/D9sfMnGHtR2BG01KVNB7tLEV684.png\",srcSet:\"https://framerusercontent.com/images/D9sfMnGHtR2BG01KVNB7tLEV684.png?scale-down-to=512 512w,https://framerusercontent.com/images/D9sfMnGHtR2BG01KVNB7tLEV684.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/D9sfMnGHtR2BG01KVNB7tLEV684.png 2000w\"},\"\"),[h]:\"F0NPZoaOm\",[m]:\"Your design system should aim to solve these pain points:\\n\\n- Templates: Offer multiple pre-designed templates for common elements like menus, navigation bars, or cards to help beginners get started quickly.\\n\\n- Customization: Include easy-to-use customization options like size (small, large, extra-large) that can be changed with a click, ensuring design consistency across elements.\\n\\n- Visual Guides: Detailed visual cues for spacing, sizing, and typography, which are often stumbling blocks for beginners.\\n\\n- UI States: Pre-configured states (hover, active, normal) for various UI elements. This makes the design process easier and ensures usability.\\n\\n- Codability: Mark elements with indicators that show how easily they can be coded, addressing the gap between design and development.\\n\\n- Tutorials: Simple, step-by-step guides to walk her through the platform, focusing on web design basics and best practices.\\n\\n- Plug-and-Play Content: Make it easy to swap out text, brand colors, and logos to quickly generate a usable site.\",[g]:/*#__PURE__*/t(o.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"Your design system should aim to solve these pain points:\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Templates\"}),\": Offer multiple pre-designed templates for common elements like menus, navigation bars, or cards to help beginners get started quickly.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Customization\"}),\": Include easy-to-use customization options like size (small, large, extra-large) that can be changed with a click, ensuring design consistency across elements.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Visual Guides\"}),\": Detailed visual cues for spacing, sizing, and typography, which are often stumbling blocks for beginners.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"UI States\"}),\": Pre-configured states (hover, active, normal) for various UI elements. This makes the design process easier and ensures usability.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Codability\"}),\": Mark elements with indicators that show how easily they can be coded, addressing the gap between design and development.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Tutorials\"}),\": Simple, step-by-step guides to walk her through the platform, focusing on web design basics and best practices.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(\"strong\",{children:\"Plug-and-Play\"}),\" Content: Make it easy to swap out text, brand colors, and logos to quickly generate a usable site.\"]})})]})]}),[u]:\"2023-10-20T00:00:00.000Z\"}];for(let e of w)Object.freeze(e);n(w,{znmsxxJd8:{defaultValue:\"\",title:\"Title\",type:i.String},aLYmGsOHn:{title:\"Slug\",type:i.String},yuuBNT9OE:{title:\"Image\",type:i.ResponsiveImage},j2bQvzTAn:{defaultValue:\"F0NPZoaOm\",options:[\"F0NPZoaOm\",\"nq9oWECCO\"],optionTitles:[\"Figma\",\"Framer\"],title:\"Tool\",type:i.Enum},mH_sTZUTx:{defaultValue:\"\",displayTextArea:!0,title:\"Text\",type:i.String},KSEDhjDDk:{defaultValue:\"\",title:\"Content\",type:i.RichText},grcHsng0Y:{title:\"Date\",type:i.Date},PmacIbivZ:{title:\"Link Media\",type:i.Link}}),w.displayName=\"Changelog\";export default w;export const j2bQvzTAnToDisplayName=(e,t)=>{switch(null==t||t.fallback,e){case\"F0NPZoaOm\":return\"Figma\";case\"nq9oWECCO\":return\"Framer\";default:return\"\";}};export const enumToDisplayNameFunctions={j2bQvzTAn:j2bQvzTAnToDisplayName};export const utils={async getSlugByRecordId(e,t){var n;return null===(n=w.find(t=>t.id===e))||void 0===n?void 0:n[c];},async getRecordIdBySlug(e,t){var n;return null===(n=w.find(t=>t[c]===e))||void 0===n?void 0:n.id;}};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"data\",\"name\":\"data\",\"annotations\":{\"framerCollectionId\":\"B4OiWEPxh\",\"framerRecordIdKey\":\"id\",\"framerSlug\":\"aLYmGsOHn\",\"framerRecordIndexKey\":\"index\",\"framerContractVersion\":\"1\",\"framerData\":\"\",\"framerEnumToDisplayNameUtils\":\"2\",\"framerRecordIncludedLocalesKey\":\"includedLocales\",\"framerCollectionUtils\":\"1\"}},\"utils\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"j2bQvzTAnToDisplayName\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"enumToDisplayNameFunctions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"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", "d", "c", "p", "h", "m", "g", "u", "f", "y", "e", "t", "w", "x", "motion", "ComponentPresetsConsumer", "Youtube", "Link", "addPropertyControls", "ControlType", "B4OiWEPxh_default", "j2bQvzTAnToDisplayName", "enumToDisplayNameFunctions", "utils", "n", "__FramerMetadata__"]
}