Finalize Color Palette about makeabilitylabwebsite HOT 8 OPEN

I like this color palette, or some other similar palette that is mostly monochromatic but with a single highlight color. What I don't like, though, is the colored blocks around the title and caption text in this picture. It feels messy, and is a bit hard to read. I'd prefer something like they have on the front page of hulu.com, where there is a subtle shadow just behind the text to enhance readability (they may also be carefully choosing images that work well with their caption positioning).

from makeabilitylabwebsite.

Yes, I'm a huge fan of single hue color schemes. They are simple and rather easy to pull off compared to multi-hued schemes. I was thinking we would largely do grayscale + one hue or grayscale + a few hues for webpage.

See slides ~78 in my 434 deck on color:
http://www.cs.umd.edu/class/spring2016/cmsc434/lectures/Lecture23-UIGraphicDesignI-Color.pdf

Like:

Except that I want our site to have a white background (though dark backgrounds look awesome, I want a brighter look-and-feel for our website).

from makeabilitylabwebsite.

Can you put in a few example screenshots of what you mean from Hulu? (Github supports copy/paste of images from clipboard).

from makeabilitylabwebsite.

Here are a couple of examples from Hulu's front page to show what I mean:

They're using a linear gradient on the alpha component coming from the bottom left corner, and also a gray text shadow.

from makeabilitylabwebsite.

This looks very nice. I tend not to like drop shadows on text--I think it makes the text look a little messy but we could try it.

Do they also have some sort of opacity layer on the top part to ensure that the menu bar is legible?

from makeabilitylabwebsite.

Here are some useful resources for coming up with a color palette.

• COLOURlovers: vast library of color palettes with social stats (e.g., most liked)
  http://www.colourlovers.com/
• Adobe Color CC: extremely good color exploration tool
  https://color.adobe.com/
• Paletton: a color scheme designer
  http://paletton.com/
• Coolors: another color scheme designer
  https://coolors.co
• Stylify Me: extracts color codes, typography, etc. from websites
  http://stylifyme.com/
• Dribble Search By Color: search uploaded design artifacts by color
  https://dribbble.com/colors/BADA55 (change BADA55 to any RGB hex color code that you want)
• Color Brewer: color scheme designer for cartographic visualizations
  https://coolors.co

from makeabilitylabwebsite.

The UW Allen School purple is:
#4b2e83

I'd much prefer a lighter color.

from makeabilitylabwebsite.

With Purple:

Not a palette per se:

from makeabilitylabwebsite.