https://zowe-docs-testing.netlify.app/assets/js/e7a63b6b.94aa5ffb.js

1(self.webpackChunkdocs_site=self.webpackChunkdocs_site||[]).push([[517],{603905:function(e,t,n){"use strict";n.d(t,{Zo:function(){return l},kt:function(){return f}});var r=n(667294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var a=r.createContext({}),c=function(e){var t=r.useContext(a),n=t;return e&&(n="function"==typeof e?e(t):s(s({},t),e)),n},l=function(e){var t=c(e.components);return r.createElement(a.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},p=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,a=e.parentName,l=u(e,["components","mdxType","originalType","parentName"]),p=c(n),f=i,h=p["".concat(a,".").concat(f)]||p[f]||d[f]||o;return n?r.createElement(h,s(s({ref:t},l),{},{components:n})):r.createElement(h,s({ref:t},l))}));function f(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,s=new Array(o);s[0]=p;var u={};for(var a in t)hasOwnProperty.call(t,a)&&(u[a]=t[a]);u.originalType=e,u.mdxType="string"==typeof e?e:i,s[1]=u;for(var c=2;c<o;c++)s[c]=n[c];return r.createElement.apply(null,s)}return r.createElement.apply(null,n)}p.displayName="MDXCreateElement"},269304:function(e,t,n){"use strict";n.r(t),n.d(t,{frontMatter:function(){return p},contentTitle:function(){return f},metadata:function(){return h},toc:function(){return m},default:function(){return v}});var r=n(603905),i=Object.defineProperty,o=Object.defineProperties,s=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,l=(e,t,n)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,d=(e,t)=>{for(var n in t||(t={}))a.call(t,n)&&l(e,n,t[n]);if(u)for(var n of u(t))c.call(t,n)&&l(e,n,t[n]);return e};const p={},f="Introduction",h={unversionedId:"contribute/guidelines-ui/ui",id:"version-v1.5.x/contribute/guidelines-ui/ui",isDocsHomePage:!1,title:"Introduction",description:"This style guide is the visual language that represents Zowe&trade;. It is a living document that will be updated based on the needs of our users and software requirements.",source:"@site/versioned_docs/version-v1.5.x/contribute/guidelines-ui/ui.md",sourceDirName:"contribute/guidelines-ui",slug:"/contribute/guidelines-ui/ui",permalink:"/v1.5.x/contribute/guidelines-ui/ui",editUrl:"https://github.com/zowe/docs-site/edit/zowe-docs-v2/versioned_docs/version-v1.5.x/contribute/guidelines-ui/ui.md",version:"v1.5.x",frontMatter:{},sidebar:"version-v1.5.x/contributing",previous:{title:"Documentation Guidelines",permalink:"/v1.5.x/contribute/guidelines-code/documentation"},next:{title:"Colors",permalink:"/v1.5.x/contribute/guidelines-ui/colors"}},m=[{value:"Clear",id:"clear",children:[]},{value:"Consistent",id:"consistent",children:[]},{value:"Smart",id:"smart",children:[]}],b={toc:m};function v(e){var t,n=e,{components:i}=n,l=((e,t)=>{var n={};for(var r in e)a.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&u)for(var r of u(e))t.indexOf(r)<0&&c.call(e,r)&&(n[r]=e[r]);return n})(n,["components"]);return(0,r.kt)("wrapper",(t=d(d({},b),l),o(t,s({components:i,mdxType:"MDXLayout"}))),(0,r.kt)("h1",d({},{id:"introduction"}),"Introduction"),(0,r.kt)("p",null,"This style guide is the visual language that represents Zowe","\u2122",". It is a living document that will be updated based on the needs of our users and software requirements."),(0,r.kt)("h2",d({},{id:"clear"}),"Clear"),(0,r.kt)("p",null,"Our users rely on our software to help them be efficient in their work. The interfaces and experiences that we design should be clear so that there is never confusion about where to click or how to take the next step. Users should always feel confident in their actions."),(0,r.kt)("h2",d({},{id:"consistent"}),"Consistent"),(0,r.kt)("p",null,"Users should be able to look at Zowe softw

1are products and know that they are in a family. Each software product is different, but should use similar patterns, icons, and interactions. If a user switches to a new product within Zowe, it should feel familiar."),(0,r.kt)("h2",d({},{id:"smart"}),"Smart"),(0,r.kt)("p",null,"Our users are intelligent, and they need smart software. Zowe design patterns should always compliment the user\u2019s intelligence and reflect the user\u2019s complex work environment. Designs should align with the Zowe design language by putting the human needs of the user first."))}v.isMDXComponent=!0}}]);