mapcomm / common-ground_map

An enhanced leaflet map made for re-use (highly commented, built openly) used to show community groups and find "common ground"

http://mapping.community

1 stars 3 forks source link

UX: Choose viewable palette (colorbrewer2?) #10

Open kidwellj opened 7 years ago

kidwellj commented 7 years ago

We need to work out a good palette for dots, symbols, and fonts that is colour-blind friendly and easily viewed against the map (so not light pink, cyan or yellow). Can we use color brewer for this, maybe? http://colorbrewer2.org/#type=diverging&scheme=BrBG&n=7 might work for our current setup. They export to JS straight from the website.

danhillcode commented 7 years ago

Yes good idea I was thinking the same.

kidwellj commented 7 years ago

Here's a pallete we can use

a6cee3

1f78b4

b2df8a

33a02c

fb9a99

e31a1c

fdbf6f

ff7f00

cab2d6

6a3d9a

ffff99

b15928

Best, I think to set variables for each colour so we only need to assign once (in case we need to change later, and so we can set across different elements etc.)

kidwellj commented 7 years ago

Here's an indication of the (four or more) elements that we can connect by using uniform colouring: colour_elements2

kidwellj commented 7 years ago

This will have a huge (and useful) impact on UX. Could also be used for KNN buttons/text colour

danhillcode commented 7 years ago

Yea good idea with variable setting this will be the next job.

danhillcode commented 7 years ago

Add variables with colours to the index.html but still need to figure out the side bar functionality colours. It looks better with the new colours.