{
    "componentChunkName": "component---src-templates-article-page-template-js",
    "path": "/design-toolkit/design-files/",
    "result": {"data":{"markdownRemark":{"frontmatter":{"title":"Design files","slug":"design-files","updated":"2020-10-05T00:00:00.000Z","category":"design-toolkit","ingress":"Wireframes and complete design files in mobile and desktop layout for Flex Template for Web.","skills":null},"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/bdfcc/FTW-in-Sketch.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 61.0062893081761%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAABYlAAAWJQFJUiTwAAAC8UlEQVQoz1WS7U9TZxiHj8mW+NX5aTicwb45oS0F+kZ7TtvDOZStL1AgFdrSGmzpGGQlTg0mcyti/C+WLNn2L5jMLS77sBf3YbrE7EONxBi1NUI3xmhF5TLnIWHzTp7kzv177uv+3XkeKZ2fJzmZZyQ5harq+L1+dE1HUzUUWcE94EaNqESHR4gOR/G4PYRDkf16MpEkHkuQmc6Qy+aQBnOryIWr2Cc+peOYlWAwiBJWCcohQhFVnLA6ROfRd7FaT6AOafgGA6JmaK6+fjxeL26PlwG3Byk1lmQ8NUokLGO2WLhyfoGr58tcOVviYjlLJT/J8nyBsCwTi0W5duEjaqUsX3yYo1KcQg/JOJwu7A4nDmcv0ujYOKnxSSKqhslsIdrbRcLRiafrLY4elDgkSXS8KeHq6cbRbeZC99t8aesgevgNDh2QOGnuIiAr2O2OPWBydIz0qSk0TcdksZJNjDDjcxFX3JydTVGYeJ/ZiSgBn4eA30dRU4i7HZye1KkUUgT9Ptxen4AZLqXRsRTjE4bDIaxWG/cfPKC+vsHdWo0/bt/i+rfXeNJ4TC43w6VLn/ESuHtvjT/v3OHmrz+TTqcxW23/AT+IxdD0YYKygsVq40mjwfbWFr//dpNffrzBN19/xdraGoXCaT6vVjHiXq3GTze+44fvrxOLxbGdeE8Ae+wOJEUOM6Tp9PUPcNxkplGvs/X3X7Tbbf4fU9PTVFdWRL7x9Ol+fXHxY7qOm3D2urDbnXvAWDyBEgphMpmp1+tsNJvUGw3W19dpNpuiMZPNsrJyWeQPHz0S91qtFsXinDBiAIXDQb+Mpg2LP2RMMlZ+sbNDe3ubnWfPRJMR05kM1eqew383N2m3Wuzu7lIuz78OVJSIcCgrISH8s7n52qpG057DHJdXV0X+4vnzfX1hYXF/ZQEM+GV0PYrPP8iRdzqZyecplkrMzZVZWlqiUlnik3Pn6OvvJxyJsLy8LPTZM2coFksEgjInu3vECxvAV6sdKBQkVzv3AAAAAElFTkSuQmCC'); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/82e29/FTW-in-Sketch.webp 159w","/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/ef33f/FTW-in-Sketch.webp 318w","/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/f1837/FTW-in-Sketch.webp 635w","/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/29549/FTW-in-Sketch.webp 953w","/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/c5420/FTW-in-Sketch.webp 1270w","/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/86f17/FTW-in-Sketch.webp 2934w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/8b9b5/FTW-in-Sketch.png 159w","/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/fa108/FTW-in-Sketch.png 318w","/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/53fb6/FTW-in-Sketch.png 635w","/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/5a426/FTW-in-Sketch.png 953w","/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/91155/FTW-in-Sketch.png 1270w","/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/bdfcc/FTW-in-Sketch.png 2934w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/4c492b5fb5c3a936875073b1df30c3da/53fb6/FTW-in-Sketch.png","alt":"FTW in Sketch","title":"FTW in Sketch","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Saunatime Flex Template for Web (FTW) designs are available as Sketch\nfiles. The design files include complete designs for FTW desktop and\nmobile, as well as wireframes for FTW desktop. You can use these files\nas the basis for your own designs. This approach can dramatically speed\nup the design process, and it offers an easy starting point for the\ndevelopers."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"wireframes","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#wireframes","ariaLabel":"wireframes permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Wireframes"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Wireframes are an excellent tool to design your marketplace at the\nstructural level. They are most often used to arrange content and\nfunctionality and establish the basic structure of a page before moving\non to designing visual elements. Wireframes for our desktop layout are\navailable as Sketch files below."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"design-files","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#design-files","ariaLabel":"design files permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Design files"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Sharetribe offers three templates: one for daily bookings (e.g. booking\nsaunas or hiking tours), one for hourly bookings (e.g. booking yoga\nlessons or renting kayaks), and one for product marketplaces (e.g.\nselling and buying sneakers). The main difference between the daily and\nhourly templates is the booking calendar, but also the outlooks differ\nto show some of the flexibility that Flex offers. Both the hourly and\ndaily templates are provided in desktop and mobile layouts. The designs\nare provided as .sketch files, which can be opened using the\n"},{"type":"element","tagName":"a","properties":{"href":"https://www.sketch.com/","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Sketch vector graphics editor"}]},{"type":"text","value":". Some other\ndesign tools such as Adobe XD and Photoshop also offer support for\ndesigns in the .sketch file format."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Once you have the design files installed, you can start working on\ncustomizing the design to match the visual identity of your marketplace.\nNot only should you concentrate on how your marketplace should look\nlike, but also on what kind of user interfaces are required for your\nusers to interact with each other."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you don't want to do the design work yourself, you can always hire a\ndesigner to do it for you. If you don't know any designers,\n"},{"type":"element","tagName":"a","properties":{"href":"mailto:flex-support@sharetribe.com","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"contact Sharetribe support"}]},{"type":"text","value":" and\nwe'll connect you to a designer who can help you out."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"assets","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#assets","ariaLabel":"assets permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Assets"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://bit.ly/3miruCr","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Access design files in Google Drive"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Or download directly: "},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":" "},{"type":"element","tagName":"b","properties":{},"children":[{"type":"text","value":"FTW daily"}]},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"a","properties":{"href":"https://bit.ly/3bfeKGb","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Sharetribe_Flex-DAILY-Desktop.sketch"}]},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"a","properties":{"href":"https://bit.ly/3pKFbfl","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Sharetribe_Flex-DAILY-Mobile.sketch"}]},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"a","properties":{"href":"https://bit.ly/3vOZ1aB","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Sharetribe_Flex-DAILY-Wireframes.sketch"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"b","properties":{},"children":[{"type":"text","value":"FTW hourly"}]},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"a","properties":{"href":"https://bit.ly/3bnFX9U","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Sharetribe_Flex-HOURLY-Desktop.sketch"}]},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"a","properties":{"href":"https://bit.ly/3jLLYSc","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Sharetribe_Flex-HOURLY-Mobile.sketch"}]},{"type":"element","tagName":"br","properties":{},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"b","properties":{},"children":[{"type":"text","value":"FTW product"}]},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"a","properties":{"href":"https://bit.ly/3bj3N6K","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Sharetribe_Flex-PRODUCT-Desktop.sketch"}]},{"type":"element","tagName":"br","properties":{},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The design files can be used according to\n"},{"type":"element","tagName":"a","properties":{"href":"https://creativecommons.org/licenses/by/4.0/","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Creative Commons licence"}]},{"type":"text","value":".\nThe files can also be opened with Adobe XD and Figma. The font used is\nPoppins, which can be downloaded through\n"},{"type":"element","tagName":"a","properties":{"href":"https://fonts.adobe.com/fonts/poppins","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Adobe Fonts"}]},{"type":"text","value":" or through\n"},{"type":"element","tagName":"a","properties":{"href":"https://fonts.google.com/specimen/Poppins","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Google Fonts"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We are glad to receive ideas and improvements at\n"},{"type":"element","tagName":"a","properties":{"href":"mailto:flex-support@sharetribe.com","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"flex-support@sharetribe.com"}]},{"type":"text","value":"."}]}],"data":{"quirksMode":false}},"headings":[{"value":"Wireframes","depth":2},{"value":"Design files","depth":2},{"value":"Assets","depth":2}]}},"pageContext":{"slug":"design-files","category":"design-toolkit"}},
    "staticQueryHashes": ["3794076007","439097193","717698143"]}