--- title: 4 Design Trends for Drupal Sites description: By David Lewis, Byte Productions Designing a site for Drupal can be a little bit intimidating but i... image: https://www.websitemagazine.com/hubfs/Imported_Blog_Media/drupal_100x100-2-1-1-1.png --- [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) [![Website Magazine Logo](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x-1.png?width=586&height=145&name=gradient-regular@3x-1.png "Website Magazine Logo")](http://Website%20Services,%20Inc.) - [About](https://www.websitemagazine.com/about) - [FAQs](https://www.websitemagazine.com/about/faq) - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial Staff](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Resources](https://websitemagazine.tradepub.com) - [Newsletter](https://www.websitemagazine.com/newsletter-sign-up) - More - [Contact Us](https://www.websitemagazine.com/contact) [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) Search - [Latest](https://www.websitemagazine.com) - [Design](https://www.websitemagazine.com/web-design) - [Development](https://www.websitemagazine.com/web-development) - [SEO](https://www.websitemagazine.com/seo) - [Ecommerce](https://www.websitemagazine.com/ecommerce) - [Content](https://www.websitemagazine.com/content) - [Marketing](https://www.websitemagazine.com/marketing) - [Advertising](https://www.websitemagazine.com/advertising) - [Email](https://www.websitemagazine.com/email) - [Infographics](https://www.websitemagazine.com/infographics) - [View All Topics](https://www.websitemagazine.com/channels) # 4 Design Trends for Drupal Sites ![Peter Devereaux](https://www.websitemagazine.com/hubfs/Peter_Devereaux.png) [by Peter Devereaux](https://www.websitemagazine.com/web-design/author/peter-devereaux) 22 Apr, 2016 - - - [mailto:?Body=https://www.websitemagazine.com/web-design/4-design-trends-for-drupal-sites](mailto:?Body=https://www.websitemagazine.com/web-design/4-design-trends-for-drupal-sites) - Link Copied! ![4 Design Trends for Drupal Sites](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/drupal_100x100-2-1-1-1.png) By David Lewis, [Byte Productions](https://www.byte-productions.com/) **Designing a site for Drupal can be a little bit intimidating but it ranks among the top three content management systems (CMS).** Some of the finest sites employ Drupal as their CMS. Even the White House's official website is written on Drupal. Designing a site that will be as professional and excellent as this one can cause you sleepless nights. The pressure will be a little bit too much. It should be pointed out that enlisting the help of a professional team of developers is the best course of action, but you'll want to go into the design process knowing a few trends for Drupal sites today, including: ### Infinite Scroll ![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/drupal-scroll-1-1-1-1.png?width=332&height=318&name=drupal-scroll-1-1-1-1.png) This is a new thing and you probably have noticed already. People love lists, but people hate having to load another page to check a list (a tactic often used by publishers to get more page views/clicks). Therefore, many sites nowadays are coming up with the option to view as one page. You will be able to scroll the list to the bottom. The endless scroll feature started out with blogs where all posts on the blog were visible on one page. It is a great style to lure people when you are using the storytelling feature for the work. If you have fantastic content for your Drupal blog or site and you add this feature to it, you are all but guaranteed to have captured the attention of your visitors. ### Card Layout [![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/drupal-card-1-1-1-1.png?width=400&height=287&name=drupal-card-1-1-1-1.png)](https://www.drupal.org/node/2045489) Also known as the magazine layout (pioneered by Pinterest), the card layout simply converts a website into a pinboard-style magazine. The best thing about this design style is that it presents the content of a website in small bits. Since many people scan through websites, this method is going to work wonderfully for your website. The cards are 'content containers'. They come with a rectangular shape which is easy on the eyes and easy to re-arrange should you want to do so. ### Animated Sites [![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/parallax-drupal-1-1-1-1.png?width=400&height=145&name=parallax-drupal-1-1-1-1.png)](https://www.drupal.org/project/parallax) There are two types of animations that are being used heavily nowadays; large-scale and small-scale animations. The large-scale animations have a greater impact on users. They include effects like the pop-up notifications and parallax scrolling. Small-scale animations include hover tools, spinners, loading bars, etc., and they do not require any input from the user. The animating technique that you will use is dependent on what improves the user experience and helps your site reach its goals. ### Minimalist Design [![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/minimalism-drupal-1-1-1-1.png?width=400&height=250&name=minimalism-drupal-1-1-1-1.png)](https://www.drupal.org/sandbox/sibiraj/1825208) Minimalism is the in-thing today. Less can also be more sometimes, an approach that minimalist designers use. The thing about minimalist Web design is that it works on all sorts of websites. The site's design is stripped to the most basic elements that are necessary for it to function. Take a quick tour of the Web and you will come across some amazing minimalist designs. It is not that they have a tag written somewhere that they are minimalist designs. In fact, you might not notice a difference; only that they are faster (due to their light weight) and they have plenty of room for creativity. It might sound like such an easy thing to develop this design but that is far from the case. ### Drupal for the Win Sites that are based on Drupal are among the best, but if they do not abide by the rules of Web designing that are being used in this day and era, they are not going to perform at their best. It is thus of great importance to get in touch with a team of experts in Web designing to help you out. They are always up to date with the latest in Web design. Author bio David Lewis is a Web development expert with more than six years' experience at [Byte Productions LLC](https://www.byte-productions.com/). ![Peter Devereaux](https://www.websitemagazine.com/hubfs/Peter_Devereaux.png) [Peter Devereaux](https://www.websitemagazine.com/web-design/author/peter-devereaux) As the Editor-in-Chief of Website Magazine and President of Website Services, Peter has established himself as a prominent figure in the digital marketing industry. With a wealth of experience and knowledge, Peter has been a driving force in shaping the landscape of digital marketing. His leadership in creating innovative and targeted marketing campaigns has helped numerous businesses achieve their revenue growth goals. Under his direction, Website Magazine has become a trusted source of information and insights for digital marketers worldwide. As President of Website Services, Peter oversees a team of talented professionals who specialize in SEO/SEM, email marketing, social media, and digital advertising. Through his hands-on approach, he ensures that his team delivers exceptional results to their clients. With a passion for digital marketing, Peter is committed to staying up-to-date with the latest industry trends and technologies, making him a sought-after thought leader in the field. - - - - - [mailto:peter.devereaux@websitemagazine.com](mailto:peter.devereaux@websitemagazine.com) #### Popular Post ### [6 Sexy Web Design Agency Websites ![6 Sexy Web Design Agency Websites](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-19-54-9734-PM-Apr-10-2023-01-58-57-4342-PM-Apr-25-2023-03-47-11-5390-AM-May-01-2023-10-24-02-6643-PM.png)](https://www.websitemagazine.com/web-design/6-sexy-web-design-agency-websites) ### [Six User Testing Questions to Ask While Navigating Website Redesigns ![Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/question-mark483bf98ec5e163acbc5dff0000ff1aaa-3-1-1-1.png)](https://www.websitemagazine.com/web-design/six-user-testing-questions-to-ask-while-navigating-website-redesigns) ### [The Most Popular Fonts of 2015 ![The Most Popular Fonts of 2015](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/serifshot-3-1-1-1.jpg)](https://www.websitemagazine.com/web-design/the-most-popular-fonts) #### Subscribe to Our Newsletter! [![](https://a.impactradius-go.com/display-ad/13053-1438301)](https://semrush.sjv.io/c/3976891/1438301/13053)![](https://imp.pxf.io/i/3976891/1438301/13053) #### Latest in Web Design [![The Vertical Split Screen Design Trend](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) The Vertical Split Screen Design Trend](https://www.websitemagazine.com/web-design/slicing-dicing-the-split-stacked-screens-trend) [![Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/question-mark483bf98ec5e163acbc5dff0000ff1aaa-3-1-1-1.png) Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/web-design/six-user-testing-questions-to-ask-while-navigating-website-redesigns) [![Design for Conversion: Apply the Von Restorff Effect](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/unsplash-53117-Jan-23-2023-02-22-47-9807-PM-1-1-1.jpg) Design for Conversion: Apply the Von Restorff Effect](https://www.websitemagazine.com/web-design/design-for-conversion-apply-the-von-restorff-effect) [![Why Modern Web Design Is No More: The New Era of 'Product Design'](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-24-25-7392-PM-Apr-10-2023-02-13-05-1129-PM-Apr-25-2023-04-00-33-0074-AM-May-01-2023-10-36-52-3196-PM.png) Why Modern Web Design Is No More: The New Era of 'Product Design'](https://www.websitemagazine.com/web-design/why-modern-web-design-is-no-more-the-new-era-of-product-design) [![Before and After: Transforming Email Design with the 3 P's](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) Before and After: Transforming Email Design with the 3 P's](https://www.websitemagazine.com/web-design/before-and-after-transforming-email-design-with-the-3-p-s) [![5 Fab, Fresh & Free Animation Libraries](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) 5 Fab, Fresh & Free Animation Libraries](https://www.websitemagazine.com/web-design/5-fab-fresh-free-animation-libraries) [![gradient-regular@3x](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x.png?width=128&height=128&name=gradient-regular@3x.png)](https://www.websitemagazine.com/) 999 E Touhy Ave, Des Plaines, IL 60018   [info@websitemagazine.com](mailto:info@websitemagazine.com) [(888) 7WEBMAG](tel:18887932624) [(312) 313-6576](tel:13123136576) About - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Contact Us](https://www.websitemagazine.com/contact) Resources Membership - Login - Subscribe Signup for our newsletter © 2026 Website Magazine. All Rights Reserved - [Privacy Policy](https://www.websitemagazine.com/about/privacy) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Peter Devereaux", "url" : "https://www.websitemagazine.com/web-design/author/peter-devereaux" }, "dateModified" : "2023-05-01T22:19:48.849Z", "datePublished" : "2016-04-22T05:00:00.000Z", "headline" : "4 Design Trends for Drupal Sites", "image" : [ "https://www.websitemagazine.com/hubfs/Imported_Blog_Media/drupal_100x100-2-1-1-1.png" ], "mainEntityOfPage" : { "@id" : "https://www.websitemagazine.com/web-design/4-design-trends-for-drupal-sites", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.websitemagazine.com/hubfs/gradient-regular@3x-1.png" }, "name" : "Website Services, Inc." } } ``` ```json { "@context" : "https://schema.org", "@type" : "NewsArticle", "author" : [ { "@type" : "Person", "name" : "Peter Devereaux" } ], "headline" : "4 Design Trends for Drupal Sites", "publisher" : { "name" : "Website Magazine", "url" : "https://www.websitemagazine.com/" } } ```