Learn50 Homepage Website Layouts using Featured Details & Icon Lists

Jake Rocheleau
writes on July 19, 2013

Share with your friends










Submit

The trend of icon detail lists has be rising very quickly but silently. I have not seen many other designers writing about this topic, and my hope is to shed light onto the trend with some beautiful examples. Generally startups and smaller Internet-based websites utilize these icon details for pitching their product to customers.

Homepage layouts are also the typical place to find these details because it will capture visitors landing right on the website. Some icons are very large, others are tiny and stacked in rows of 6 or 8 features. Other icons are colorful or flat or shiny and many other various styles. The point is to give recognition for these icon-centric interface features which really to present a beautiful product to interested consumers.

I have scoured through many startups and digital companies putting together 50 examples of these icon list details. This gallery should provide a peek into emerging trends within the field of web design. I would also love to hear feedback from designers about their thoughts on this trend. Do icon features help to spruce up a homepage? And how can you see this design trend advancing over the next few years?

Blend.io

blue blend io icons features

Pathmpp

a/b split testing webapp pathmapp

Storify

storify icons homepage startup

GroupTalent

group talent sketch icons homepage

Boomerang

flat step icons design homepage layout

NewsCred

news cred startup homepage icons

Cluster

collaborative team website homepage icons

Ripple

homepage icons detail list features

Pintrips

travel trips startup homepage icons detail

SmartAsset

smartasset homepage finance web design icons

Jetlore

featured homepage website design layout

Sticky

sticky advertising website design homepage icons features

Ribbon

ribbon startup sales icons features homepage

Transferwise

transfer wise website homepage startup icons

EverTrue

dark evertrue homepage startup icon features

TriggerMail

personalized ecommerce solution triggermail products

Plenishable

green icons plenishable homepage features

Learndot

website inspiration design icon feature details list

Base In Control

baseincontrol startup icons feature details

Moodsnap

mobile app moodsnap website layout design icons features

Storefront

homepage icons feature details ecommerce stores

Gradeable

light website icons details list web design trend

BringMeThat

startup homepage website bringmethat icons features

ZenPayroll

zen payroll website icons inspiration features

Minibox

minibox icons design website inspiration

Locket

locket app icons flat web design inspiration

Placemeter

green eco friendly company placemeter website icons

Acquisition Labs

acquisition labs website icons featured details

docTrackr

blue flat icons homepage feature details

Plow Me

snow plowing services startup homepage icons

Boatbound

boatbound rentals startup homepage feature icon list

Startup Compass

website icon feature homepage startup compass

MindSnacks

dark colorful homepage icons flat details

Userfox

user management website webapp homepage icons

Kinnek

black white icons homepage feature details

15five

15five website employee engagement icons homepage details

AdStage

adstage features details icon list homepage web design

Life360

life360 homepage icons list details webdesign

Spinnakr

spinnakr website optimization tools homepage icons feature

Avado

feature details icons avady website layout design

Streem

streem homepage startup icons video feature lists

Womply

flat colorful icons womply startup homepage

RolePoint

startup homepage rolepoint website layout inspiration icons features

Upverter

upverter website layout icons homepage design

Rapportive

gmail addon rapportive features listing icons details

Skyscraper

skyscraper ad management website homepage details icons

Spotflux

feature icons spotflux website layout inspiring design

Statwing

statwing startup feature icons details steps homepage

Thumbtack

thumbtack startup homepage website inspiration icon details

Pygg

pygg blue outline tab icons details listing homepage

11 Responses to “50 Homepage Website Layouts using Featured Details & Icon Lists”

  1. wayjoy on July 19, 2013 at 2:58 pm said:

    Cool and amazing :) temple puzzles

  2. Really most stunning share ever, thanks for your plenty excellent work.This all will help the people a lot.

  3. orange county web designer on July 21, 2013 at 4:24 am said:

    Awesome list and a great inspiration. Thanks for sharing.

  4. JiveAssNigger on July 21, 2013 at 2:40 pm said:

    Great post and long life to this blog !
    http://dentistelowcost.fr

  5. Wait designers haven,t written about using icons before?

  6. Murad Swaleh on July 21, 2013 at 10:11 pm said:

    Am inspired, check mine using fontawesome http://www.crablinks.com :)

  7. marway on July 22, 2013 at 9:25 am said:

    Thank you for this stunning info you’ve share..Cool :) London puzzles

  8. William Parker on July 25, 2013 at 5:25 pm said:

    Cool list …

  9. Steven Feeney on September 3, 2013 at 4:42 am said:

    Hands down the best blog post I have read on Treehouse. Brilliant Jake.

Learning to code can be fun!

Get started today with a free trial and discover why thousands of students are choosing Treehouse to learn about web development, design, and business.

Learn more