"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[4398],{1013:(e,s,n)=>{n.d(s,{A:()=>i});const i=n.p+"assets/images/ghiblidemonew-3c75d70e8372378f7bc8022b55078185.png"},1463:(e,s,n)=>{n(6540),n(4848)},1891:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>l,contentTitle:()=>d,default:()=>h,frontMatter:()=>a,metadata:()=>i,toc:()=>o});const i=JSON.parse('{"id":"design-style","title":"Design Style Guide","description":"Utilize a variety of design styles, such as Ghibli, Brutalism, Neo-Brutalism, Neon Candy,  Modern Linear, Dark Mode and Glassmorphism to create your website. This approach allows you to experiment with different aesthetics and find the one that best suits your brand\'s identity and user experience goals.","source":"@site/userGuide/design-style.md","sourceDirName":".","slug":"/design-style","permalink":"/guides/user/design-style","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":10,"frontMatter":{"sidebar_position":10},"sidebar":"sidebar","previous":{"title":"Prompting Guides","permalink":"/guides/user/prompting-guide"},"next":{"title":"Use Case","permalink":"/guides/user/usecase"}}');var t=n(4848),r=n(8453);n(1463),n(8175);const a={sidebar_position:10},d="Design Style Guide",l={},o=[{value:"Ghibli Style",id:"ghibli-style",level:3},{value:"Brutalism Style",id:"brutalism-style",level:3},{value:"Neo-Brutalism Style",id:"neo-brutalism-style",level:3},{value:"Neon Candy Style",id:"neon-candy-style",level:3},{value:"Modern Linear Style",id:"modern-linear-style",level:3},{value:"Dark Mode Style",id:"dark-mode-style",level:3},{value:"Glassmorphism Style",id:"glassmorphism-style",level:3}];function c(e){const s={code:"code",h1:"h1",h3:"h3",header:"header",img:"img",p:"p",pre:"pre",...(0,r.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.header,{children:(0,t.jsx)(s.h1,{id:"design-style-guide",children:"Design Style Guide"})}),"\n",(0,t.jsx)(s.p,{children:"Utilize a variety of design styles, such as Ghibli, Brutalism, Neo-Brutalism, Neon Candy,  Modern Linear, Dark Mode and Glassmorphism to create your website. This approach allows you to experiment with different aesthetics and find the one that best suits your brand's identity and user experience goals."}),"\n",(0,t.jsx)(s.h3,{id:"ghibli-style",children:"Ghibli Style"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"Generate a Ghibli Studio animation style landing page with characters.\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:n(1013).A+"",width:"1488",height:"838"})}),"\n",(0,t.jsx)(s.h3,{id:"brutalism-style",children:"Brutalism Style"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"make a sport news website with brutalism style and black background\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:n(6127).A+"",width:"1481",height:"750"})}),"\n",(0,t.jsx)(s.h3,{id:"neo-brutalism-style",children:"Neo-Brutalism Style"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"build a Neo-Brutalism style website with light background\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:n(7444).A+"",width:"1490",height:"780"})}),"\n",(0,t.jsx)(s.h3,{id:"neon-candy-style",children:"Neon Candy Style"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"Design a vibrant landing page for a restaurant business inspired by the Neo Candy style, featuring a bright and colorful background.\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:n(9240).A+"",width:"1490",height:"822"})}),"\n",(0,t.jsx)(s.h3,{id:"modern-linear-style",children:"Modern Linear Style"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"Create a Modern Linear style website for an art museum featuring a light blue background.\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:n(6381).A+"",width:"1485",height:"843"})}),"\n",(0,t.jsx)(s.h3,{id:"dark-mode-style",children:"Dark Mode Style"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"Design a website for an apparel company using a Dark Mode style. This design should incorporate a sleek and modern aesthetic, featuring a dark color scheme with contrasting elements\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:n(2262).A+"",width:"1490",height:"845"})}),"\n",(0,t.jsx)(s.h3,{id:"glassmorphism-style",children:"Glassmorphism Style"}),"\n",(0,t.jsx)(s.pre,{children:(0,t.jsx)(s.code,{children:"Design an index page for a consulting company using the Glassmorphism style, featuring a bright and vibrant background.\n"})}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:n(5024).A+"",width:"1488",height:"843"})})]})}function h(e={}){const{wrapper:s}={...(0,r.R)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},2262:(e,s,n)=>{n.d(s,{A:()=>i});const i=n.p+"assets/images/darkmode-3de7ad27dde7aa04bedb44ed561bf2ab.png"},5024:(e,s,n)=>{n.d(s,{A:()=>i});const i=n.p+"assets/images/glassmorphism-02e8571881430346e8233bb2dde557bf.png"},6127:(e,s,n)=>{n.d(s,{A:()=>i});const i=n.p+"assets/images/brutalismdemo-9e539d8129ffaf4883a840843fbbc0fa.png"},6381:(e,s,n)=>{n.d(s,{A:()=>i});const i=n.p+"assets/images/modernlinear-0fc1bf9d161ec0390221c8947c06d778.png"},7444:(e,s,n)=>{n.d(s,{A:()=>i});const i=n.p+"assets/images/neobrutalism-f5aa6ec076ad2347744969481dbf6302.png"},8175:(e,s,n)=>{n.d(s,{A:()=>t});n(6540);var i=n(4848);function t(){return(0,i.jsx)("code",{children:"EZsite"})}},8453:(e,s,n)=>{n.d(s,{R:()=>a,x:()=>d});var i=n(6540);const t={},r=i.createContext(t);function a(e){const s=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function d(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),i.createElement(r.Provider,{value:s},e.children)}},9240:(e,s,n)=>{n.d(s,{A:()=>i});const i=n.p+"assets/images/neoncandy-2812423a09e3bbb4bce4e9f7be767e60.png"}}]);