November 23, 2024

By Web Designers for Web Designers

Inspiration

21 Inspiring Examples of Illustrated Elements in Web Design

Gisele MullerDecember 27, 20123 Comments02.9k

For our last web design inspiration list of 2012 we decided to gather examples of beautiful illustrated elements in web design. We believe that illustrated elements can give a nice touch and personality to a design. From subtle illustrated details to complete colorful sketched pages, the key is finding the right amount to use for each project. So today we have several different approaches on how to incorporate illustrated elements in a website. Enjoy!

Holify

Bam Strategy

Smootiz

People Rise

Siminki

Edboard

Protect the Football

Rooftop Cinema

Lowdi

Adopt a Yeti

Energy Trust of Oregon

The Production Kitchen

Vale in your life

Himanshu & Saumya

Buffalo

New Company Name

Stuff and Nonsense

NATL

Lorenzo Verzini

Siyelo

Thinknologies

Share

8 Essential iPad Apps for Bloggers Previous post

Best of Web Design in 2012 Next post

Gisele Muller

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

Related Articles

Inspiration Resources Trends Web Design WordPress

10 Excellent WordPress Themes for 2024

<img alt='' data-src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Mark AdamsJanuary 4, 2024

Inspiration Resources Trends Web Design WordPress

Transform Your Website with These 10 Multipurpose WordPress Themes for 2023

<img alt='' data-src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Mark AdamsApril 27, 2023

Editors Pick Featured Inspiration Resources Web Design WordPress

10+ Best WooCommerce Themes for 2023

<img alt='' data-src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Mark AdamsMarch 21, 2023

Inspiration Resources Trends Web Design WordPress

Top 12 WordPress Themes for 2023

<img alt='' data-src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/68ec64bbb315011a5937fd693b491faa?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Mark AdamsJanuary 5, 2023

3 Comments

Liam December 27, 2012 at 9:07 PM Reply

nice collection!
thanks for sharing!
Octopus Creative January 2, 2013 at 6:00 AM Reply

Great to see illustration taking a front seat! The Lowdi web design is a particular favourite.
Sergej Müller January 2, 2013 at 1:47 PM Reply

Fine collection, thx.

My new illustrated (one) page with super hero 😉
https://optimus.io

Leave a Reply Cancel reply