Improve the heading

[sbrl]

Currently, the heading looks rather out-of-place - and it's been bugging me for a while. It would be great if it looked a bit more like the main connected humber website.

Changing it is easy - it's deciding what to change it to that's the hard part. What should it look like?

/cc @BNNorman, @robinharris, @bsimmo

[BNNorman]

So, are you suggesting a blue header with map below? If so i agree. It would look more professional. I think it should include ' connected humber'. Should it also include 'air quality' or ' environment monitoring' or ' monitAIR'

[sbrl]

Yeah, something like that. Something more professional would be a good idea.

Indeed, rewording it would probably be a good idea too. Something short would be good I think.

Also, would ConnectedHumber have a space in the middle or not?

While we're thinking about it, if anyone has the artistic skills to come up with a good logo I wouldn't be averse to setting a favourites icon (i.e. the icon next to the title on the tab at the top fo the screen). That could help people to identify it more quickly (e.g. in their history, bookmarks, etc.).

[BNNorman]

well since ConnectedHumber is not specifically tied to any tech/app I'd suggest keeping it simple. This is me playing about - maybe it'll inspire someone with more artitics flair. The blue was taken from the website. I'm leaning towards the cog...

[sbrl]

Oooh, nice! I like the cog too. I'd probably suggest using the same font as the main website heading though, to keep it consistent maybe?

Firefox tells me that it's using Montserrat for the heading, and Raleway for everything else

[BNNorman]

Good point about the font. So I've eliminated the italic, bold, changed to Tahoma and fiddled. Ignore red underlining - it's a screen shot

[BNNorman]

Variations on a cog - again ignore underlining.

[sbrl]

Nice! I like the one on the bottom row 3rd one from the left the best personally, but the one on the far left on the same row might look better at small sizes. Some testing is required.

Note that for the icon a larger native size is actually better (e.g. 256x256), since the apple-touch-icon needs to be the larger size.

[BNNorman]

These are vector graphics so can be exported at any sizes you want. Ill export at 256,64 and 32 and attach them here in a few minutes.

[BNNorman]

Saved as svg images - had to zip them to attach here.

CH_Logos.zip

[sbrl]

Nice, thanks! I'll add it to the web interface soon.

[sbrl]

Done :D

Now it's just the heading to do next.