50 Homepage Website Layouts using Featured Details & Icon Lists

Explaining Markdown

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

Free Workshops

Watch one of our expert, full-length teaching videos. Choose from HTML, CSS or WordPress.

Start Learning

Jake Rocheleau

Jake is a writer and user experience designer on the web. He currently publishes development tutorials and articles related to startups and user interface design. Find out more on his website or you can follow his updates on Twitter @jakerocheleau

Comments

11 comments on “50 Homepage Website Layouts using Featured Details & Icon Lists

  1. Awesome list and a great inspiration. Thanks for sharing.