consider very light color backgrounds for each homepage section

indieweb / wiki

Wiki backup and issue tracking for indieweb.org

https://indieweb.org/wiki/

The Unlicense

23 stars 8 forks source link

consider very light color backgrounds for each homepage section #31

Closed tantek closed 8 years ago

tantek commented 8 years ago

Similar to our existing "What is the IndieWeb" section, and block sections on http://habariproject.org/en/ - let's consider very light color backgrounds for each homepage section for easier mental/visual "chunking".

aaronpk commented 8 years ago

@veganstraightedge Do you have any guidelines on a color scheme we could use? The current IWC colors are super bold, so we'd need some sort of matching lighter color scheme to add to the branding guidelines.

colintedford commented 8 years ago

For freer color choice, could put the text of each section in white box on top of the colored background as http://www.bbc.com/ does (they have little boxes and only use gray & white backgrounds, but you get the idea).

veganstraightedge commented 8 years ago

I don't have any other colors currently.

aaronpk commented 8 years ago

I used a tool that @veganstraightedge recommended to generate a color palette based off of our current red/orange/yellow color scheme: https://github.com/okayjeffrey/Scalor This is a good start for alternate shades of the colors within the scheme.

aaronpk commented 8 years ago

I just made a first attempt at this on the home page! Check it out, and feel free to suggest changes or just make edits! https://indieweb.org/

colintedford commented 8 years ago

"Join" & "Beyond" were a little hard to read b/c low contrast. Tried lighter shades but they didn't seem right for the boldness of the content. Tried darker color w/ white text but then the links were hard to see. Went w/ white box for content on colored background -- not convinced it's the way, but it's more readable.

Also added color to HWC & IWC sections & padding to the last sections.

aaronpk commented 8 years ago

How about white text and links?

colintedford commented 8 years ago

The (logged-out) sign-in looks a bit weird as an unstyled box in the corner of the black "What is the Indieweb?" box.

colintedford commented 8 years ago

White text looks good. Links are hard to see -- maybe underline them?

tantek commented 8 years ago

Looking at https://indieweb.org/ today it looks like this problem is solved, and readably so. Closing this issue accordingly. Feel free to re-open if you think otherwise, or if there are specific nitpicks (like one section in particular you want a different color), please open a new issue for that.

aaronpk commented 8 years ago

For posterity's sake, here's what the page looks like today: