Nataly Birch June 19th, 2014

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 

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

Elegant Outline GUI Set part 1 

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

ios7 style ui kit 

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

Reach UI Kit 

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

Flat Style & iOS 7 Line Style UI Kit

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

Simple UI Pack 

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

Mobile Wireframe Kit 

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

Flatimus iOS 

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

Flat + Transparent UI 

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

Vector Wireframe Kit & Symbol Library

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

Basiliq 

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

Line and Vector UI

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

Free Agency Web Template 

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

Minimalist PSD Landing Page Template 

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

Moose Free Homepage 

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

Elegant Coming Soon Page 

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

One Page Portfolio 

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

BrandaLoka 

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

Treehouse 

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

Simple Line Icons 

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

Icons

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

iOS7 Vector Icons 

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

Pictograms Giveaway 

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

Nasty Icons 

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

Stripes & Co – A Line-Styled Icon Set 

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

Simple Weather Icons 

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

Vector Outline Icon Set 

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

Gicons

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

Icon Square Ilepixeli Set

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

Thin Rounded Icons 2 

round
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)

Nataly Birch

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

Leave a Reply

Your email address will not be published. Required fields are marked *