UI design for squarelet canvas

[mneuschaefer]

Based on our last discussion, I drafted an UI design for the squarelet main canvas, the new elements are

• Status indicator (to indicate and change the current sharing status)
• Board name menu (to change board options)
• Login/Register // avatar (when logged in)
• information (about squarelet, shortcuts etc)
• "add button" - to add a new square

PLease comment the design sketches here: https://docs.google.com/presentation/d/1NvHgqwmQuJguAoU0G2bbBaeWv8Zr5yRbvQd_LWUeYW4/ (Google slides)

For other suggestions, please feel free to copy the slides and use the elements in a new presentation

[mneuschaefer]

created a draft for the cards with vuifyjs in codepen: https://codepen.io/markusn/pen/yQKZrg

on hover: (the top right button opens a menu for advanced card options (e.g. large view, export etc)

editing: