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](https://www.noupe.com/wp-content/uploads/2014/06/white-stripes.jpg)
Creator: Valik Boyev
Features: Checkboxes, forms
License: Free for personal and commercial use.
Elegant Outline GUI Set part 1
![outline ui](https://www.noupe.com/wp-content/uploads/2014/06/outline-ui.jpg)
Creator: Land-of-web
Features: Navigation, buttons
License: Free for personal and commercial use.
ios7 style ui kit
![ios7](https://www.noupe.com/wp-content/uploads/2014/06/ios71.jpg)
Creator: Mahmoud Fahim and Mohamed Marakshy
Features: Navigation, slider
License: Attribution Non-commercial.
Reach UI Kit
![reach ui](https://www.noupe.com/wp-content/uploads/2014/06/reach-ui.jpg)
Creator:Piotr Makarewicz
Features: PSD, Fonts
License: Free for personal use.
Flat Style & iOS 7 Line Style UI Kit
![flat ui](https://www.noupe.com/wp-content/uploads/2014/06/flat-ui.jpg)
Creator: Graphicsfuel
Features: Buttons, bars
License: Free for personal and commercial use.
Simple UI Pack
![simple ui](https://www.noupe.com/wp-content/uploads/2014/06/simple-ui.jpg)
Creator: Samuel James Oxley
Features: Widgets, calendar
License: Attribution Non-commercial.
Mobile Wireframe Kit
![mobile ui](https://www.noupe.com/wp-content/uploads/2014/06/mobile-ui.jpg)
Creator: CssAuthor
Features: Mobile ui kit
License: Free for personal and commercial use.
Flatimus iOS
![flatimus](https://www.noupe.com/wp-content/uploads/2014/06/flatimus.jpg)
Creator: Satys
Features: Retina ready ui
License: Free for personal use.
Flat + Transparent UI
![transparent](https://www.noupe.com/wp-content/uploads/2014/06/transparent.jpg)
Creator: Monkee-boy
Features: Buttons, checkboxes
License: Free for personal and commercial use.
Vector Wireframe Kit & Symbol Library
![vector wireframe](https://www.noupe.com/wp-content/uploads/2014/06/vector-wireframe.jpg)
Creator: Giles Newman
Features: Frames, buttons
License: Attribution Share Alike.
Basiliq
![basiliq](https://www.noupe.com/wp-content/uploads/2014/06/basiliq.jpg)
Creator: CloudCastleGroup
Features: Widgets, frames
License: Free for personal and commercial use.
Line and Vector UI
![line](https://www.noupe.com/wp-content/uploads/2014/06/line.jpg)
Creator: Saqib Ahmad
Features: Forms, slider
License: Attribution Non-commercial.
Free Agency Web Template
![agency](https://www.noupe.com/wp-content/uploads/2014/06/agency.jpg)
Creator: CssAuthor
Features: PSD template
License: Free for personal and commercial use.
Minimalist PSD Landing Page Template
![minimal](https://www.noupe.com/wp-content/uploads/2014/06/minimal2.jpg)
Creator: Techandall
Features: PSD template
License: Free for personal use.
Moose Free Homepage
![moose](https://www.noupe.com/wp-content/uploads/2014/06/moose.jpg)
Creator: Elemisfreebies
Features: PSD template
License: Free for personal use.
Elegant Coming Soon Page
![coming](https://www.noupe.com/wp-content/uploads/2014/06/coming.jpg)
Creator: Land-of-web
Features: PSD template
License: Free for personal and commercial use.
One Page Portfolio
![one page](https://www.noupe.com/wp-content/uploads/2014/06/one-page.jpg)
Creator: Techandall
Features: PSD template
License: Free for personal use.
BrandaLoka
![banda](https://www.noupe.com/wp-content/uploads/2014/06/banda.jpg)
Creator: Andreansyah Setiawan
Features: Portfolio page
License: Attribution Non-commercial.
Treehouse
![treehouse](https://www.noupe.com/wp-content/uploads/2014/06/treehouse.jpg)
Creator:Freebiesxpress
Features: PSD template
License: Free for personal use.
Simple Line Icons
![simple line](https://www.noupe.com/wp-content/uploads/2014/06/simple-line.jpg)
Creator: Mirko Monti
Features: Assorted icons
License: Free for personal use.
Icons
![squared](https://www.noupe.com/wp-content/uploads/2014/06/squared.jpg)
Creator: Martin J.Berthelsen
Features: Squared icons
License: Free for personal use.
iOS7 Vector Icons
![ios7 icons](https://www.noupe.com/wp-content/uploads/2014/06/ios7-icons.jpg)
Creator: Streamlineicons
Features: 100 icons
License: Free for personal use.
Pictograms Giveaway
![picto](https://www.noupe.com/wp-content/uploads/2014/06/picto.jpg)
Creator: Jamila Hodges
Features: Instruments, devices
License: Attribution Non-commercial.
Nasty Icons
![funny](https://www.noupe.com/wp-content/uploads/2014/06/funny.jpg)
Creator: Nastyicons
Features: Vector icons
License: Free for personal use.
Stripes & Co – A Line-Styled Icon Set
![speckyboy](https://www.noupe.com/wp-content/uploads/2014/06/speckyboy.jpg)
Creator: Speckyboy
Features: Assorted icons
License: Free for personal and commercial use.
Simple Weather Icons
![weather](https://www.noupe.com/wp-content/uploads/2014/06/weather.jpg)
Creator: Dan Vierich
Features: Weather icons
License: Royalty-free.
Vector Outline Icon Set
![icons2](https://www.noupe.com/wp-content/uploads/2014/06/icons2.jpg)
Creator: Techandall
Features: 400+ icons
License: Free for personal use.
Gicons
![gicons](https://www.noupe.com/wp-content/uploads/2014/06/gicons.jpg)
Creator: Designbeep
Features: 100+ icons
License: Royalty-free.
Icon Square Ilepixeli Set
![squared3](https://www.noupe.com/wp-content/uploads/2014/06/squared3.jpg)
Creator: Piotr Makarewicz
Features: Assorted icons
License: Free for personal use.
Thin Rounded Icons 2
![round](https://www.noupe.com/wp-content/uploads/2014/06/round.jpg)
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)