Version:

UIKit helpers for common layouts

The UIKit includes a library of ‘Helpers,’ which combine the components into common layouts. The Helpers get you building quickly and demonstrate how to combine components to form layouts.

Hero sections

Basic hero

Shallow hero

Hero with image right of text

Hero with image below text

Text sections

Heading section center aligned

Heading section left aligned

Text section

Text panel over image section

Accordion text section

Multi-column text section

Text with expandable read more

Text and image

Text and image slider

Text and features

Text and content cards

Text and content card slider

Text and price cards

Text and profile cards

Text and stats

Text and map

Text and accordion

 

Card sections

Content card section

Logo card section

Price card section

Feature card grid

Irregular feature card grid

Impact card section

Irregular impact card grid

 

Tabbed content sections

Horizontal tabs section

Vertical tabs section

Slider sections

Content card slider

Profile card slider

Testimonial slider

Miscellaneous

Call to action section

Image grid section

Full bleed image grid section

 

DX8 knowledge base icon

Frequently asked questions

Get instant answers to common questions. Available online 24/7.

Find answers

Raise a ticket icon

Raise a support ticket

To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

Raise support ticket

Acquia

Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.