1"use strict";(self.webpackChunkopenrefine_documentation=self.webpackChunkopenrefine_documentation||[]).push([[5384],{66749(e,n,i){i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>a,default:()=>p,frontMatter:()=>r,metadata:()=>s,toc:()=>l});const s=JSON.parse('{"id":"technical-reference/providing-design-assets-and-implementation","title":"Providing design assets and implementation","description":"Providing design assets and design implementation","source":"@site/docs/technical-reference/providing-design-assets-and-implementation.md","sourceDirName":"technical-reference","slug":"/technical-reference/providing-design-assets-and-implementation","permalink":"/docs/technical-reference/providing-design-assets-and-implementation","draft":false,"unlisted":false,"editUrl":"https://github.com/OpenRefine/openrefine.github.com/edit/master/docs/technical-reference/providing-design-assets-and-implementation.md","tags":[],"version":"current","lastUpdatedBy":"Lydia Amadi Chinyere","lastUpdatedAt":1697453667000,"frontMatter":{"id":"providing-design-assets-and-implementation","title":"Providing design assets and implementation","sidebar_label":"Providing design assets and implementation"},"sidebar":"docs","previous":{"title":"Brainstorming and ideation","permalink":"/docs/technical-reference/brainstorming-and-ideation"},"next":{"title":"Feedback and prioritization","permalink":"/docs/technical-reference/feedback-and-prioritization"}}');var t=i(74848),o=i(28453);const r={id:"providing-design-assets-and-implementation",title:"Providing design assets and implementation",sidebar_label:"Providing design assets and implementation"},a=void 0,d={},l=[{value:"Providing design assets and design implementation",id:"providing-design-assets-and-design-implementation",level:2}];function c(e){const n={h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...(0,o.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h2,{id:"providing-design-assets-and-design-implementation",children:"Providing design assets and design implementation"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"High-fidelity designs"}),": Once wireframes are approved by community consensus, proceed to create high-fidelity designs of the user interface using design tools like Figma or Sketch."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Visual consistency"}),": Ensure your designs align with the existing design system, incorporating colors, typography, and UI components as outlined in the OpenRefine Design System. Note: Using Figma in this regard will probably save you time."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Export assets"}),": Export design assets such as icons, buttons, and graphics in formats suitable for implementation and link them directly in the relevant GitHub issues."]}),"\n"]}),"\n",(0,t.jsxs)(n.li,{children:["\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Implementing your design ideas"}),": If you\u2019re fluent in frontend development, as well as de
1sign, you will ideally be able to also implement your own design proposals in html and css. You can follow the contributor guide for developers for detailed instructions on how the process for contributing code via GitHub is organized."]}),"\n"]}),"\n"]})]})}function p(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},28453(e,n,i){i.d(n,{R:()=>r,x:()=>a});var s=i(96540);const t={},o=s.createContext(t);function r(e){const n=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:r(e.components),s.createElement(o.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.