Design guide for different page elements

1. Dominiks layout design http://ux.stxnext.pl/OS73UI/#p=home Is a rough layout guide personalised specifically for Volontulo

2. Have full viewport width backgrounds with mild look, which we will have to design on our own, but the general idea is to have

   • light header with very clear elements that incorporate well with content directly below
   • content header that will most likely contain wide image that can be user/offer/organization/descriptive_page cropped representative
   • content that does not have a white background, but usually very light grey-bluish that can have lighter/darker gradients - that's why it can't be white
   • footer that has a dark color with light text and which is higher than a simple menu so we can fill it with content that we might want to promote for people

3. Bootflat is extensive palette redesign of bootstrap http://bootflat.github.io/documentation.html the paletteis also extended with new colors for different items, but it has also some new elements like timeline or new idea for basic elements styling like breadcrumbs.

4. flat UI http://designmodo.github.io/Flat-UI/ has some good ideas, like fields without borders on dark background or radio/checkboxes/swicthes. But otherwise it's elements are way too big.

5. get SH IT DONE http://www.creative-tim.com/get-shit-done is a kit that has very good Checkboxes, Radio Buttons, Switches, which can be used similarly to FlatUIs but also presents a usefull behaviour of header http://www.creative-tim.com/get-shit-done/navbar

6. confirmations, overlays and stuff of the likes should be using modal boxes bootstrap supports modal boxes http://getbootstrap.com/javascript/#modals we could have them with nice effects in future http://tympanus.net/Development/ModalWindowEffects/

7. http://semantic-ui.com/collections/form.html have a look there for inspiration and some pixel based responsivenes in contrast to bootstrap percentage based responsiveness

8. http://ionicframework.com/docs/components/ use these ideas should the app be ever used mobile.

9. we will have to be very carefull in picking different scripts for functionality/looks enchacement because we want them to be maximally good for what we need, but also be customizable in a functional way so no hacks are required

10. css can be written in separate scss custom components that will be compiled together with bootstrap, but we should keep it mostly intact by changing variable values and bugfixes only and so leaving room for possible updates