Design Library
Explore. Build. Create.
The Design Library is a reference catalog of Drupal content blocks. Each block preview links to a dedicated page showing its available variations, layouts, and design options. Use the library to explore block designs and understand how they can be applied in page building.
Ready to dive into a specific block? Jump straight to any block's full library using the links below.
Block Previews
Accordion Block
First Item Title
This is the first item of the accordion with "Start Expanded" checked.
This is one configuration of the Accordion block in a one column section. See all variations and behaviors in the Accordion library.
Second Item
This is one configuration of the Accordion block in a one column section. See all variations and behaviors in Accordion library.
Body Text Block
Subtitle
This is one configuration of the Body Text block in a one column section. See more variations and behaviors in the Body Text library.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Directory Widget [Faculty/Staff]
Email: vajeti@wpi.edu
Valon is a front-end developer with a passion for crafting intuitive user interfaces. His dedication to staying updated with the latest web technologies ensures our team delivers cutting-edge and user-friendly digital experiences. He also assists the Sr. Web Developer in the maintenance and development of the website, and integration of new features.
view profileEmail: bbytyqi@wpi.edu
Phone: +1 (508) 8315000 x6054
As a web developer, Besart works on the public facing website of WPI. He is responsible for the maintenance and development of the website, as well as the integration of new features and technologies. He collaborates with other departments to support the WPI community.
view profile
Email: mdonahue@wpi.edu
Mariah oversees our integral web systems such as Drupal, Wordpress, the WPI mobile app, the interactive campus map, and more. She develops and maintains resources for these web systems to enhance web marketing efforts across the WPI community, such as the CMS Helpdesk and our Web Team YouTube Channel.
view profileThis is one configuration of the Directory Widget [Faculty/Staff] block in a one column section. See all variations and behaviors in the Directory Widget library.
Facts & Figures
best online master's in engineering programs
best colleges for Engineering majors
top game design schools & colleges in Massachusetts
This is one configuration of the Facts & Figures block in a one column section. See all variations and behaviors in the Facts & Figures library.
Featured Links
This is one configuration of the Featured Links block in a one column section. See all variations and behaviors in the Featured Links library.
Highlight Box
This is one configuration of the Highlight Box block in a one column section. See all variations and behaviors in the Highlight Box library.
Image With Bottom Text Link
This is one configuration of the Image With Bottom Text Link block in a one column section. See all variations and behaviors in the Image With Bottom Text Link library.
Media Banner

This is one configuration of the Media Banner block in hero placement. See more variations and behaviors in the Media Banner library.
Media Pane
This is one configuration of the Media Pane block in a one column section. See more variations and behaviors in the Media Pane library.
Profile Spotlight
As a web developer, Besart works on the public facing website of WPI. He is responsible for the maintenance and development of the website, as well as the integration of new features and technologies. He collaborates with other departments to support the WPI community.
This is one configuration of the Profile Spotlight block in a one column section. See more variations and behaviors in the Profile Spotlight library.
Quote
- Mariah Donahue
- Worcester Polytechnic Institute
See more variations and behaviors in the Quote library.
Quote (Reference)
- Joel J. Brattin
- Professor
- Humanities & Arts
This is one configuration of the Quote (Reference) block in a one column section. See more variations and behaviors in the Quote (Reference) library.
Rotating Highlight Box
Title
This is one configuration of the Rotating Highlight Box block in a one column section. See more variations and behaviors in the Rotating Highlight Box library.
Title
This is one configuration of the Rotating Highlight Box block in a one column section. See more variations and behaviors in the Rotating Highlight Box library.
This is one configuration of the Simple Banner block in a one column section. See more variations and behaviors in the Simple Banner library.
This is one configuration of the Social Media block in a one column section. See more variations and behaviors in the Social Media library.
This is one configuration of the Student Spotlight block in a one column section. See more variations and behaviors in the Student Spotlight library
Three Column Links with Images
This is one configuration of the Three Column Links with Images block in a one column section. See more variations and behaviors in the Three Column Links with Images library.
Timely Box
This is one configuration of the Timely Box block in a one column section. See more variations and behaviors in the Timely Box library.