Solid: 30 Free GUI, Icons and Website PSD Templates Featuring Contour-style Graphics

Solid: 30 Free GUI, Icons and Website PSD Templates Featuring Contour-style Graphics

Trends in web as well as in mobile design tend to come and go like fashion. Truly devoted UI designers only catch on those that are worth it. Nowadays flat style runs the show. Microsoft's Metro UI started the trend, while Apple's iOS7 gave it the real boost.  Designers all over the world give preference to plain shapes, simple graphics, minimal coloring, bold typography and the absence of various lavish effects when it comes to prototyping website and mobile app interface designs. Flat style involves the use of various elements starting at icons with long shadows and not ending up at line-style graphics.

Speaking of line-style graphics, we are starting to see another strong trend. So-called "ghost" buttons, contour style icons, functional blocks and areas with bold borders have started to flood the web and mobile interfaces recently. Despite of having transparent or semi-transparent canvases they nicely stand out even from a video or fully illustrated backgrounds, though, to be honest, they look best on solid color backdrops. Simple and sharp typography effectively co-works with this type of graphics as well. Moreover, by adjusting the thickness of a border stroke you can easily adapt it to various designs.

Today's collection is dedicated to these new tendencies. We've curated three main categories: GUIs, website layout templates and icons.

GUIs will help you to quickly gather interfaces, literally brick-by–brick, whereas icons will add finishing touches to your projects. And if you want to get some inspiration and explore some excellent samples, you can set your eyes on our free website layout mockups that demonstrate how contour-style components should be properly implemented into website design. We hope you like what you get to see…

The White Stripes UI Kit 

Creator: Valik Boyev
Features: Checkboxes, forms
License: Free for personal and commercial use.

Elegant Outline GUI Set part 1 

Creator: Land-of-web
Features: Navigation, buttons
License: Free for personal and commercial use.

ios7 style ui kit 

Creator: Mahmoud Fahim and Mohamed Marakshy
Features: Navigation, slider
License: Attribution Non-commercial.

Reach UI Kit 

Creator:Piotr Makarewicz
Features: PSD, Fonts
License: Free for personal use.

Flat Style & iOS 7 Line Style UI Kit

Creator: Graphicsfuel
Features:  Buttons, bars
License: Free for personal and commercial use.

Simple UI Pack 

Creator: Samuel James Oxley
Features: Widgets, calendar
License: Attribution Non-commercial.

Mobile Wireframe Kit 

Creator: CssAuthor
Features: Mobile ui kit
License: Free for personal and commercial use.

Flatimus iOS 

Creator: Satys
Features: Retina ready ui
License: Free for personal use.

Flat + Transparent UI 

Creator: Monkee-boy
Features: Buttons, checkboxes
License: Free for personal and commercial use.

Vector Wireframe Kit & Symbol Library

Creator: Giles Newman
Features: Frames, buttons
License: Attribution Share Alike.

Basiliq 

Creator: CloudCastleGroup
Features: Widgets, frames
License: Free for personal and commercial use.

Line and Vector UI

Creator: Saqib Ahmad
Features: Forms, slider
License: Attribution Non-commercial.

Free Agency Web Template 

Creator: CssAuthor
Features: PSD template
License: Free for personal and commercial use.

Minimalist PSD Landing Page Template 

Creator: Techandall
Features: PSD template
License: Free for personal use.

Moose Free Homepage 

Creator: Elemisfreebies
Features: PSD template
License: Free for personal use.

Elegant Coming Soon Page 

Creator: Land-of-web
Features: PSD template
License: Free for personal and commercial use.

One Page Portfolio 

Creator: Techandall
Features: PSD template
License: Free for personal use.

BrandaLoka 

Creator: Andreansyah Setiawan
Features: Portfolio page
License: Attribution Non-commercial.

Treehouse 

Creator:Freebiesxpress
Features: PSD template
License: Free for personal use.

Simple Line Icons 

Creator: Mirko Monti
Features: Assorted icons
License: Free for personal use.

Icons

Creator: Martin J.Berthelsen
Features: Squared icons
License: Free for personal use.

iOS7 Vector Icons 

Creator: Streamlineicons
Features: 100 icons
License: Free for personal use.

Pictograms Giveaway 

Creator: Jamila Hodges
Features: Instruments, devices
License: Attribution Non-commercial.

Nasty Icons 

Creator: Nastyicons
Features: Vector icons
License: Free for personal use.

Stripes & Co – A Line-Styled Icon Set 

Creator: Speckyboy
Features: Assorted icons
License: Free for personal and commercial use.

Simple Weather Icons 

Creator: Dan Vierich
Features: Weather icons
License: Royalty-free.

Vector Outline Icon Set 

Creator: Techandall
Features: 400+ icons
License: Free for personal use.

Gicons

Creator: Designbeep
Features: 100+ icons
License: Royalty-free.

Icon Square Ilepixeli Set

Creator: Piotr Makarewicz
Features: Assorted icons
License: Free for personal use.

Thin Rounded Icons 2 

Creator: Sebastien Gabriel
Features: Circular icons
License: Free for personal use.

That's it for today. How did you like our roundup of outline-style:solid? Did we miss the best parts? Add them in the comments. Which one is your favorite?

(dpe)

About the Author

Nataly is an internet entrepreneur and an amateur web designer and developer from Sevastopol, Ukraine. She is running a blog for web designers and developers where you can find some inspirational and useful stuff. In her spare time she reads books, unveils the secrets of the world and plays volleyball.Visit her blog or follow her on twitter