search

codeforamerica / bizfriendly-web

An experiment in digital literacy lessons. The experiment is now over.
http://bizfriend.ly
22 stars 67 forks source link

Review colors across CSS & all pages #15

Closed arielkennan closed 11 years ago

arielkennan commented 11 years ago

bizfriendly_colorguide_072513

ainsleywagon commented 11 years ago

Hi @arielkennan! I played with the color scheme a little bit and looked at adding a lighter orange, lightened the gray a bit, and then made the green a little bluer to make it a direct split complement to your logo orange. howtocityweb-colorscheme-11 I thought the lighter orange could be a good secondary button option, that was a little softer and not so close to a 'danger' button color, also in application on your icons: screen shot 2013-07-31 at 3 13 56 pm screen shot 2013-07-31 at 3 14 06 pm Here's the 'bluer green' in application on your Lesson Maker page and I also liked the idea of bringing back a colored gradient like in some of the early wireframes of the lesson step type page: screen shot 2013-07-31 at 3 15 03 pm (Also in above screenshot you can see I sloppily photoshopped a lighter gray navbar, but not so sure it's any improvement on what you already have) screen shot 2013-07-31 at 3 17 06 pm

ondrae commented 11 years ago

Wow! @ainsleywagon this is great. Thanks for looking at our project. Ariel is out of town for a few days, so expect a response to your ideas here next week.

I was just looking for a good lighter orange to use as button down state. Very appreciated.

ainsleywagon commented 11 years ago

@ondrae no problem, my pleasure! Thanks for letting me poke around on here, I'll continue to peek in at things I could help with.

arielkennan commented 11 years ago

@ainsleywagon Thanks for checking out our project! I really dig the light orange and lighter gray. I'd had a peachy color when we were doing logo development and hadn't figured out how to fully incorporate it. I'd like to keep our original green. The new one is a little too teal for my taste, however I do appreciate the attention to detail in color theory :)

We'll be launching our alpha soon and would love for you to check it out.

bizfriendly_colorguide_080513

ty10r commented 11 years ago

imho, the FF8C66 orange is a drastic improvement for things like link-text hover shadowing. I don't know much about color theory, but I felt that FF4000 was a harsh contrast when put directly over the blue and grey like in a link context.

ainsleywagon commented 11 years ago

@arielkennan cool! Glad the lighter orange and gray are helpful. You're totally right, coming back to it the teal green isn't contrasting enough with the existing blue (especially to serve its purpose as a 'green light go!'). Fun to peek in on this project, I'd love to check out the alpha!

@ty10r - yeah, having a lighter option is good for those link contrasts on blue and gray. Also @arielkennan's mention of a peachy color sounds really nice...

arielkennan commented 11 years ago

Added new darker blue bizfriendly_colorguide_080613

arielkennan commented 11 years ago

One more update with the addition of the lighter orange: bizfriendly_colorguide_092513