Learn50 Homepage Website Layouts using Featured Details & Icon Lists

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?


blue blend io icons features


a/b split testing webapp pathmapp


storify icons homepage startup


group talent sketch icons homepage


flat step icons design homepage layout


news cred startup homepage icons


collaborative team website homepage icons


homepage icons detail list features


travel trips startup homepage icons detail


smartasset homepage finance web design icons


featured homepage website design layout


sticky advertising website design homepage icons features


ribbon startup sales icons features homepage


transfer wise website homepage startup icons


dark evertrue homepage startup icon features


personalized ecommerce solution triggermail products


green icons plenishable homepage features


website inspiration design icon feature details list

Base In Control

baseincontrol startup icons feature details


mobile app moodsnap website layout design icons features


homepage icons feature details ecommerce stores


light website icons details list web design trend


startup homepage website bringmethat icons features


zen payroll website icons inspiration features


minibox icons design website inspiration


locket app icons flat web design inspiration


green eco friendly company placemeter website icons

Acquisition Labs

acquisition labs website icons featured details


blue flat icons homepage feature details

Plow Me

snow plowing services startup homepage icons


boatbound rentals startup homepage feature icon list

Startup Compass

website icon feature homepage startup compass


dark colorful homepage icons flat details


user management website webapp homepage icons


black white icons homepage feature details


15five website employee engagement icons homepage details


adstage features details icon list homepage web design


life360 homepage icons list details webdesign


spinnakr website optimization tools homepage icons feature


feature details icons avady website layout design


streem homepage startup icons video feature lists


flat colorful icons womply startup homepage


startup homepage rolepoint website layout inspiration icons features


upverter website layout icons homepage design


gmail addon rapportive features listing icons details


skyscraper ad management website homepage details icons


feature icons spotflux website layout inspiring design


statwing startup feature icons details steps homepage


thumbtack startup homepage website inspiration icon details


pygg blue outline tab icons details listing homepage

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

  1. スーパーコピー腕時計,ロレックスコピー,ブライトリングコピー,ボーム&メルシエコピー時計コピー業界最高峰スーパーコピー時計通販専門!7年以上の販売実績を 持つ時計コピー老舗! on November 16, 2015 at 8:44 am said:

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

  2. 2015ブランド財布コピールイヴィトン財布コピー,シャネル財布コピー,グッチ財布コピー,エルメス財布コピークロエ財布コピー,ブラダ財布コピー,ブルガリ財布コピー,ドルチェ&ガ on November 16, 2015 at 8:44 am said:

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

  3. ブランドコピー時計大人気を海外激安通販専門店ロレックス、ブルガリ、フランク ミュラー、シャネル、カルティエ、オメガ、IWC、ルイヴィトン、オーデマ ピゲ、ブライトリング、グッチ on November 16, 2015 at 8:43 am said:

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

  4. スーパーコピーブランド格安販売店はこちらへ!品々の激安価格に持ったスーパーコピーブランド 代引きの新作はお客様に提供されます。安心、迅速、確実、お客様の手元にお届け致しま on November 16, 2015 at 8:43 am said:

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

  5. 最も美しいスーパーコピー,超格安ブランド時計コピー激安通販専門店!ブランド品に憧れて、予算オーバーし、諦めなければならないことがありましたか。スーパーコピー品が一番いいチ on November 16, 2015 at 8:41 am said:

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

  6. packages to malaysia from chennai|honeymoon packages from chennai|honeymoon tour packages from chennai|shimla honeymoon packages from chennai|wayanad honeymoon packages from chennai|honeymoon packages to ooty from chennai|munnar honeymoon packages from ch on September 17, 2015 at 4:02 am said:

    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. Blair Rorani on July 21, 2013 at 5:47 pm said:

    Wait designers haven,t written about using icons before?

    • Jake Rocheleau on July 21, 2013 at 7:57 pm said:

      Not just icons in web design. More like the concept of using icons to accentuate lists of features & details for a product.

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

    Great post and long life to this blog !

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

    Awesome list and a great inspiration. Thanks for sharing.

  14. Autosurf

  15. Jenifer Jeny on July 20, 2013 at 5:47 am said:

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

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

    Cool and amazing 🙂 temple puzzles

Leave a Reply

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