I've been trying to figure out how to get this to look right for the past week.

We just got permission from a photographer to use some of her excellent photos of vegan food. Here's one:

vegan pancakes

However, we also have an orange background that corresponds to the orange of the respective icon which leads to this page.

enter image description here

I just can't figure out how to get this to look right on the orange page. Is there anything I can do around the photo to get away from its current gawdy appearance?

everything together


You could add a border or drop shadow (or both!):

enter image description here

  • Thanks for that mockup. I had initially done that, actually. I can't remember why I got rid of it, but now that I'm seeing it again, it does seem to work pretty well. Maybe I'll revert back to that. Thanks!
    – Adam Grant
    Jun 10 '12 at 17:12

An alternative might be to apply rounded corners to your photos? Add a hover to the image to display the caption. The roundness keeps in sync with your nice icons and great font choice for the page heading.

enter image description here

On hover display caption

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.