Define YOUR Brand Voice

Instant Gratification!

Interior Design as Web Design Inspiration: The Bold Blue Study

By Nicole Heymer | Jul 31 2015
Interior Design as Inspiration for Web Design
Photo by Eric Piasecki. Design by Steven Gambrel.

When using an interior design image for web design inspiration, we have to look at more than just the color scheme.

This is about digging around a little. What repeating shapes do we see? Is everything rounded, solidly squared off, or somewhere in between? How does the image feel? Silly? Classic? Sad? Bright and perky? Is there a pattern that could be useful? A motif like the roses in the Beach Style post? I chose interiors for this series because you’ll always find thoughtfully placed texture, color, pattern in a well-designed room. It’s an inspiration gold mine.

So what if we were inspired not just by the color scheme in this room, but also the attitude about the color scheme?

Because this design has a distinct point of view: Blue is not an accent color. It’s everything. And sometimes, when putting together something really elegant, you can’t be shy.

So if we are to imagine a web design inspired by this image, it would clearly need a deep blue background. The big text headings—also in blue. (Remember, blue is everything.) The social media icons, buttons and body copy would be layered over the background in something much more subdued than white. And the font would need to feel classic. This is not the time for hand-written scripts or big, curvy letters. It’s about elegance, color and a little bit of pattern.

Color Palette

Pattern

Pattern

Buttons

Regular and On Hover

BUTTON
BUTTON

Headings

This is a heading.

Font: Kepler Display

Body Copy

This is what body text would look like. This is what body text would look like. This is what body text would look like.

Font: Aktiv Grotesk Std

Social Media Buttons

Regular
Social Media
On Hover
Social Media

Image Treatment

legslegs

What kind of website could use a design like this?

Well, it would have to be one that focuses on big, beautiful images and doesn’t have a ton of text. Long paragraphs of light text on a dark background are simply not as easy to read. Perhaps a portfolio site or one that sells a high-end product?

And what do you think?

What you notice in this image and use for inspiration might be completely different than what I see. Would you style things differently?

Do you have a room in your portfolio that could inspire some digital design? Drop me a note. I’d love to feature your work in this series.

(1) Comment
Leave a Comment

Cookies

This site uses cookies! For more info, check out our Privacy Policy.

Send this to a friend