Learn50 Homepage Website Layouts using Featured Details & Icon Lists

Jake Rocheleau
writes on July 19, 2013

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

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

  1. スーパーコピー腕時計,ロレックスコピー,ブライトリングコピー,ボーム&メルシエコピー時計コピー業界最高峰スーパーコピー時計通販専門!7年以上の販売実績を 持つ時計コピー老舗!時計コピーであれば何でも揃えられます コピー時計 時計スーパーコピー通販専門店!時計コピー時計販売通販! コピー時計スーパー コピー等の 最高級のレプリカコピー時計を販売ロレックスコピー,ガガミラノコピー ,IWCコピー ,オメガコピー ,フェラーリコピー ,フランクミュラーコピー ,ベル&ロスコピー ,各種のブランドはコピーを表しますコピーを表して、時計をコピーして、スーパーコピーは代 金引換払いにして、スーパーはブランドをコピーして、スー パーは時計をコピーして代金引換払いにして、スーパーは時 計をコピーして、スーパーは腕時計をコピーして、ブランド はスーパーマーケットを表してコピーして、ブランドのスー パーマーケットはコピーして、ブランドはコピーを表して、 腕時計はコピーします ,ボーム&メルシエコピー時計コピー業界最高峰スーパーコピー時計通販専門!7年以上の販売実績を 持つ時計コピー老舗!時計コピーであれば何でも揃えられます コピー時計 時計スーパーコピー通販専門店!時計コピー時計販売通販! コピー時計スーパー コピー等の 最高級のレプリカコピー時計を販売ロレックスコピー,ガガミラノコピー ,IWCコピー ,オメガコピー ,フェラーリコピー ,フランクミュラーコピー ,ベル&ロスコピー ,各種のブランドはコピーを表しますコピーを表して、時計をコピーして、スーパーコピーは代 金引換払いにして、スーパーはブランドをコピーして、スー パーは時計をコピーして代金引換払いにして、スーパーは時 計をコピーして、スーパーは腕時計をコピーして、ブランド はスーパーマーケットを表してコピーして、ブランドのスー パーマーケットはコピーして、ブランドはコピーを表して、 腕時計はコピーします http://www.okakaku.com/brand-23-copy-0.html

  2. 2015ブランド財布コピールイヴィトン財布コピー,シャネル財布コピー,グッチ財布コピー,エルメス財布コピークロエ財布コピー,ブラダ財布コピー,ブルガリ財布コピー,ドルチェ&ガッバ―ナ財布コピーバレンシアガ財布コピー,ボッテガ.ヴェネタ財布コピーロレックス時計コピー,ブルガリ時計コピー,フランク ミュラー時計コピーシャネル時計コピー,カルティエ時計コピー_オメガ時計コピー,IWC時計コピールイヴィトン時計コピー,オーデマ ピゲ時計コピー,ブライトリング時計コピーコピーブランド、ブランド激安、人気ブランドの販売、通販、オークション、新作のスーパーコピーブランドコピー、韓国スーパーコピー、ブランド激安、偽物ブランド、ブランドバッグ、激安かばん、ルイヴィトン偽物、財布激安.商品は全く写真の通りです。 http://www.wtobrand.com/ch1.html

  3. ブランドコピー時計大人気を海外激安通販専門店ロレックス、ブルガリ、フランク ミュラー、シャネル、カルティエ、オメガ、IWC、ルイヴィトン、オーデマ ピゲ、ブライトリング、グッチ、エルメス、パネライ、パテックフィリップ偽物(コピー商品)のブランドの腕時計の販売、通販。 http://www.okakaku.com/brand-24-copy-0.html

  4. スーパーコピーブランド格安販売店はこちらへ!品々の激安価格に持ったスーパーコピーブランド 代引きの新作はお客様に提供されます。安心、迅速、確実、お客様の手元にお届け致します。★弊社は9年の豊富な経験と実績を持っております。★一流の素材を選択し、精巧な作り方でまるで本物のようなな製品を造ります。★品質を重視、納期も厳守、お客様第一主義を貫きは当社の方針です。★驚きの低価格で商品をお客様に提供致します!★早速に購入へようこそ! http://www.okakaku.com/brand-3-copy-0.html

  5. 最も美しいスーパーコピー,超格安ブランド時計コピー激安通販専門店!ブランド品に憧れて、予算オーバーし、諦めなければならないことがありましたか。スーパーコピー品が一番いいチョイスだ思います。少しのお金でも、世界中一番人気を持つブランド品、貴族しか買えない贅沢品がゲットできます。素敵な外観と実用性に優れたブランド コピー バッグ,,スーパーコピー財布,スーパーコピー 代引き,エルメス コピー,ルイヴィトン 財布、ルイヴィトン バッグ、ベルトなどの逸品はお客様に提供します。誰でもブランド品を手に入れられるのは弊社の経営理念です。当店の最大目標はお客様が安心してお買い物が出来き、お客様の頼りになるお店を目指す事ことです。お洒落な貴方はきっとこのチャンスを見逃しなくよ! http://www.bagkakaku.com/louisvuitton_bag_5.html

  6. I have been browsing online greater than three hours these days, but I by no means found any interesting article like yours. It’s lovely price enough for me. In my opinion, if all website owners and bloggers made good content material as you probably did, the internet will be a lot more helpful than ever before.

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

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

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

    Cool list …

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

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

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

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

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

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

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

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

    Awesome list and a great inspiration. Thanks for sharing.

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

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

    Cool and amazing 🙂 temple puzzles

Leave a Reply

You must be logged in to post a comment.

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