CINXE.COM
Siteinspire | Horizontal Layout and Product Catalogues & Collections
<!DOCTYPE html> <html lang="en"> <head> <script src="https://cdn.usefathom.com/script.js" data-site="YAOJFTDT" defer></script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5CCMLTM'); </script> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="icon" type="image/png" href="/favicon.png" /> <meta name="p:domain_verify" content="dfcdd9f763d3bd98de3b461aa61a0eac" /> <title>Siteinspire | Horizontal Layout and Product Catalogues & Collections</title> <meta name="description" content="The best Horizontal Layout and Product Catalogues & Collections websites on Siteinspire: a showcase of the world's finest web design."> <meta property="og:title" content="Horizontal Layout and Product Catalogues & Collections websites on Siteinspire"> <meta property="og:image" content="https://www.siteinspire.com/share.png"> <link rel="alternate" type="application/rss+xml" title="Siteinspire RSS" href="https://www.siteinspire.com/websites/feed" /> <link rel="stylesheet" href="https://www.siteinspire.com/assets/application-c8684a06b1a3acf7f7c442a94d33bd4760a0310bdff1cbb3f534d88c7a4307bf.css" /> <script src="https://www.siteinspire.com/assets/vendor/modernizr.min-d11431eff7ef26ba51c7b399010b1529d0b66b42a2ec03d027e7965848e88e0a.js"></script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="nEbYAeV0fqQfVSvln7ET1s4k3uzJxiWSFyz43GREO6_5IdrKo5hre5Tm3QUkqdbiBWMW7dFCHwMUAEPJCA5lvA" /> </head> <body id="section-websites"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5CCMLTM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="wrap"> <div id="main"> <div id="header_wrapper"> <header> <div id="logo"> <a href="/">Siteinspire</a> </div> <nav id="primary" class="has-filters"> <ul class="sections"> <li class="active websites"> <a href="/websites"><span>Websites</span></a> </li> <li class=" directory"> <a href="/directory"><span>Directory</span></a> </li> <li class=" about"> <a href="/about"><span>About</span></a> </li> <li class=" sponsorship"> <a href="/sponsorship"><span>Sponsorship</span></a> </li> </ul> <ul class="websites filters"> <li class="filter websites"> <ul> <li class="styles"> <a href="/categories/styles">Styles <span></span></a> </li> <li class="types"> <a href="/categories/types">Types <span></span></a> </li> <li class="subjects"> <a href="/categories/subjects">Subjects <span></span></a> </li> <li class="platforms"> <a href="/categories/platforms">Platforms <span></span></a> </li> <li class="search"> <a href="#">Search <span></span></a> </li> </ul> </li> <li class="filter directory"> <ul> <li class="search"> <a href="#">Search <span></span></a> </li> </ul> </li> </ul> </nav> <div id="tools"> <div id="account"> <div class="toggle"> <a href="#" class="user"> <span> user </span> </a> <span class="pointer"></span> <ul class="signed_out"> <li> <a href="/users/sign_in">Sign in</a> </li> <li> <a href="/users/sign_up">Sign up</a> </li> </ul> </div> </div> </div> </header> </div> <div id="slice_wrapper" class=" active"> <section id="slice" class=" with_categories"> <form class="segment search" action="/websites" accept-charset="UTF-8" method="get"> <span class="search icon"> <span>search</span> </span> <input type="text" name="q" id="q" class="keywords" input_html="placeholder Enter a title" /> </form> <ul class="segment filter styles"> <li> <span class="disabled">Big Type </li> <li> <span class="disabled">Black & White </li> <li> <span class="disabled">Colourful </li> <li> <span class="disabled">Corporate </li> <li> <span class="disabled">Editorial </li> <li> <span class="disabled">Greyscale </li> <li> <span class="disabled">Grid Layout </li> <li><a class="active" rel="nofollow" href="/websites?categories=100">Horizontal Layout</a></li> <li> <span class="disabled">Illustrative </li> <li> <span class="disabled">Japanese </li> <li> <span class="disabled">Luxury </li> <li> <span class="disabled">Minimal </li> <li> <span class="disabled">Monochrome </li> <li> <span class="disabled">Pattern </li> <li> <span class="disabled">Retro & Vintage </li> <li><a class="" rel="nofollow" href="/websites?categories=100+108+24">Typographic</a></li> <li><a class="" rel="nofollow" href="/websites?categories=100+108+119">Unusual Layout</a></li> <li><a class="" rel="nofollow" href="/websites?categories=100+108+162">Unusual Navigation</a></li> <li><a class="" rel="nofollow" href="/websites?categories=100+108+184">Use of Animation</a></li> <li> <span class="disabled">Use of Infographics </li> </ul> <ul class="segment filter types"> <li> <span class="disabled">Agencies & Consultancies</li> <li> <span class="disabled">Annual Reports</li> <li> <span class="disabled">Awards</li> <li> <span class="disabled">Blog</li> <li> <span class="disabled">Cafés, Bars & Restaurants</li> <li> <span class="disabled">Community</li> <li> <span class="disabled">Conferences & Festivals</li> <li> <span class="disabled">Creative Showcase</li> <li> <span class="disabled">Dance & Theatre</li> <li> <span class="disabled">E-Commerce</li> <li> <span class="disabled">Educational Resource</li> <li> <span class="disabled">Event Calendar</li> <li> <span class="disabled">Exhibitions</li> <li> <span class="disabled">Florists</li> <li> <span class="disabled">Galleries & Museums</li> <li> <span class="disabled">Hotels & Venues</li> <li> <span class="disabled">Magazines</li> <li> <span class="disabled">Medicine & Pharmaceutical</li> <li> <span class="disabled">Mobile & Web Applications</li> <li> <span class="disabled">Music Artists & Bands</li> <li> <span class="disabled">Music Network</li> <li> <span class="disabled">Newspaper</li> <li> <span class="disabled">Non-profit & Charity</li> <li> <span class="disabled">Personal</li> <li> <span class="disabled">Portfolio</li> <li><a class="active" rel="nofollow" href="/websites?categories=108">Product Catalogues & Collections</a></li> <li> <span class="disabled">Property</li> <li> <span class="disabled">Radio & Podcasts</li> <li> <span class="disabled">Recipes</li> <li> <span class="disabled">Record Labels</li> <li> <span class="disabled">Reference & Directories</li> <li> <span class="disabled">Schools, Colleges & Universities</li> <li> <span class="disabled">Tech Start-ups</li> <li> <span class="disabled">Travel Agencies</li> <li> <span class="disabled">Type Foundry</li> <li> <span class="disabled">Videos</li> <li><a class="" rel="nofollow" href="/websites?categories=100+108+199">Winery & Vineyard</a></li> </ul> <ul class="segment filter subjects"> <li> <span class="disabled">Advertising</li> <li> <span class="disabled">Animation & Moving Image</li> <li> <span class="disabled">Architectural & Building Products</li> <li> <span class="disabled">Architecture</li> <li> <span class="disabled">Art</li> <li> <span class="disabled">Automotive</li> <li> <span class="disabled">Books & Literature</li> <li> <span class="disabled">Bridal & Weddings</li> <li> <span class="disabled">Building & Construction</li> <li> <span class="disabled">Business & Finance</li> <li> <span class="disabled">Children</li> <li> <span class="disabled">Consumer</li> <li> <span class="disabled">Copywriting</li> <li> <span class="disabled">Cosmetics & Skincare</li> <li> <span class="disabled">Co-working</li> <li> <span class="disabled">Craft</li> <li> <span class="disabled">Crypto & Web3</li> <li> <span class="disabled">Culture</li> <li> <span class="disabled">Cycling</li> <li> <span class="disabled">Design & Art Direction</li> <li> <span class="disabled">Education</li> <li> <span class="disabled">Entertainment</li> <li> <span class="disabled">Environment & Sustainability</li> <li> <span class="disabled">Events</li> <li> <span class="disabled">Farming & Agriculture</li> <li><a class="" rel="nofollow" href="/websites?categories=100+108+63">Fashion</a></li> <li><a class="" rel="nofollow" href="/websites?categories=100+108+92">Food & Drink</a></li> <li><a class="" rel="nofollow" href="/websites?categories=100+108+205">Furniture</a></li> <li> <span class="disabled">Games & Gaming</li> <li> <span class="disabled">Government</li> <li> <span class="disabled">Health & Fitness</li> <li> <span class="disabled">History</li> <li> <span class="disabled">Home & Garden</li> <li> <span class="disabled">Illustration</li> <li> <span class="disabled">Industry & Energy</li> <li><a class="" rel="nofollow" href="/websites?categories=100+108+56">Interior Design</a></li> <li> <span class="disabled">Journalism</li> <li> <span class="disabled">Landscape Design</li> <li> <span class="disabled">Legal</li> <li> <span class="disabled">Marketing & Branding</li> <li> <span class="disabled">Movies</li> <li> <span class="disabled">Music</li> <li> <span class="disabled">News & Current Affairs</li> <li> <span class="disabled">Photography</li> <li> <span class="disabled">Politics & Government</li> <li> <span class="disabled">PR</li> <li> <span class="disabled">Printing & Stationery</li> <li> <span class="disabled">Product Design</li> <li> <span class="disabled">Property & Real Estate</li> <li> <span class="disabled">Publishing</li> <li> <span class="disabled">Religion</li> <li> <span class="disabled">Science</li> <li> <span class="disabled">Set Designer</li> <li> <span class="disabled">Sports</li> <li> <span class="disabled">Technology</li> <li> <span class="disabled">Television</li> <li> <span class="disabled">Transport & Shipping</li> <li> <span class="disabled">Travel</li> <li> <span class="disabled">Typography</li> <li> <span class="disabled">Web & App Development</li> <li> <span class="disabled">Web & Interactive Design</li> <li> <span class="disabled">Writing</li> </ul> <ul class="segment filter platforms"> <li> <span class="disabled">Cargo Collective</li> <li> <span class="disabled">ReadyMag</li> <li> <span class="disabled">Shopify</li> <li> <span class="disabled">Webflow</li> </ul> <div class="selected_categories_wrapper"> <h4 class="selected_categories_header">Selected Categories</h4> <ul class="selected_categories"> <li><a rel="nofollow" href="/websites?categories=100">Horizontal Layout <span>×</span></a></li> <li><a rel="nofollow" href="/websites?categories=108">Product Catalogues & Collections <span>×</span></a></li> </ul> </div> </section> </div> <section id="heading"> <div class="primary"> <div class="breadcrumbs"> <a href="/">Home</a> ∙ All Websites </div> <h1> Horizontal Layout and Product Catalogues & Collections websites </h1> </div> <div class="actions"> <ul class="button-group"> <li><a class="small secondary button" href="/submissions/new">Submit a Website</a></li> </ul> </div> </section> <section id="grid" class=""> <div class="content"> <div class="thumbnail"> <div class="wrapper"> <div class="image"> <a class="main" href="/websites/9504-polygon"> <img alt="Polygon" src="https://siteinspire.s3.amazonaws.com/screengrabs/images/000/013/163/small.jpg" /> </a> <div class="overlay"> <a class="visit" title="Visit https://polygondesign.com.au/" href="https://polygondesign.com.au/"><span>↪</span></a> </div> </div> </div> <div class="caption"> <div class="title"> <a href="/websites/9504-polygon">Polygon</a> </div> <div class="sub"> over 4 years ago </div> </div> </div> <div class="thumbnail"> <div class="wrapper"> <div class="image"> <a class="main" href="/websites/8258-rx-hybrids"> <img alt="RX - Hybrids" src="https://siteinspire.s3.amazonaws.com/screengrabs/images/000/011/353/small.jpg" /> </a> <div class="overlay"> <a class="visit" title="Visit https://rx-dev.ch/" href="https://rx-dev.ch/"><span>↪</span></a> </div> </div> </div> <div class="caption"> <div class="title"> <a href="/websites/8258-rx-hybrids">RX - Hybrids</a> </div> <div class="sub"> over 6 years ago </div> </div> </div> <div class="thumbnail"> <div class="wrapper"> <div class="image"> <a target="_blank" class="main" rel="noopener" href="https://webflow.com/?utm_source=siteinspire&utm_medium=referral&utm_campaign=partnerships"> <img src="https://www.siteinspire.com/assets/webflow_2024-01a-4b25da91c601881f5dc72201f502adcb4a4839c87fa0264dbc4110843e7acfa9.jpg" /> </a> </div> </div> <div class="caption"> <div class="title"> <a target="_blank" rel="noopener" href="https://webflow.com/?utm_source=siteinspire&utm_medium=referral&utm_campaign=partnerships"> Supported by Webflow. Start building. </a> ・ <a href="/cdn-cgi/l/email-protection#2c414d45406c5f45584945425f5c455e49024f4341" class="secondary">Become a sponsor</a> </div> </div> </div> <div class="thumbnail"> <div class="wrapper"> <div class="image"> <a class="main" href="/websites/2226-marie-saint-pierre"> <img alt="Marie Saint Pierre" src="https://siteinspire.s3.amazonaws.com/screengrabs/images/000/002/367/small.jpg" /> </a> <div class="overlay"> <a class="visit" title="Visit http://www.mariesaintpierre.com/" href="http://www.mariesaintpierre.com/"><span>↪</span></a> </div> </div> </div> <div class="caption"> <div class="title"> <a href="/websites/2226-marie-saint-pierre">Marie Saint Pierre</a> </div> <div class="sub"> almost 14 years ago </div> </div> </div> <div class="thumbnail"> <div class="wrapper"> <div class="image"> <a class="main" href="/websites/1943-merus-wines"> <img alt="Merus Wines" src="https://siteinspire.s3.amazonaws.com/screengrabs/images/000/002/034/small.jpg" /> </a> <div class="overlay"> <a class="visit" title="Visit http://www.meruswines.com/" href="http://www.meruswines.com/"><span>↪</span></a> </div> </div> </div> <div class="caption"> <div class="title"> <a href="/websites/1943-merus-wines">Merus Wines</a> <a class="selected" rel="tipsy" title="This is one of Siteinspire's favourite sites. Click to see more." href="/websites?selected=true">*</a> </div> <div class="sub"> over 14 years ago </div> </div> </div> </div> </section> <section id="pagination"> </section> </div> </div> <footer> <section id="footer"> <div class="first"> <h4>About</h4> <a href="/">Siteinspire</a> is a showcase of the world's finest web design. </div> <div class="latest"> <h4>Latest Websites</h4> <ul> <li> <a href="/websites/12814-reown">Reown</a> </li> <li> <a href="/websites/12813-simmonds-ltd">Simmonds Ltd</a> </li> <li> <a href="/websites/12812-makebardo">Makebardo</a> </li> </ul> </div> <div class="links"> <h4>Information</h4> <ul> <li> <a href="/sponsorship">Sponsorship</a> </li> <li> <a href="/privacy">Privacy</a> </li> </ul> </div> <div class="social"> <h4>Connect with Us</h4> <ul> <li> <a class="twitter" href="https://twitter.com/siteinspire"><span>Twitter</span></a> </li> <li> <a class="facebook" href="https://facebook.com/siteinspire"><span>Facebook</span></a> </li> <li> <a class="rss" href="https://www.siteinspire.com/websites/feed"><span>RSS</span></a> </li> <li> <a class="email" href="/cdn-cgi/l/email-protection#a8c5c9c1c4e8dbc1dccdc1c6dbd8c1dacd86cbc7c5"><span>Email</span></a> </li> </ul> </div> <div class="copyright"> Copyright © 2024 <a href="https://www.howellsstudio.com">Howells—Studio</a> All screenshots © of their respective owners. </div> </section> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://www.siteinspire.com/assets/application-c5aaef0e16277c271df2186a39317fb9bfc5faa456075fc1dfa337c2e8f570c8.js"></script> </body> </html>