Notched Card Accordion FAQ: Free Divi 5 FAQ Layout

Notched Card Accordion FAQ

A label pill, a large serif heading and a beige contact card with a notch cut into its corner beside five white rounded questions. The questions open one at a time, each with a square plus and close button.

FAQ

Accordion

Business

Free

Light

Split

100% Native Divi 5 Built only with Divi's own modules and settings. No custom CSS, no JavaScript, no Code module. Every part can be edited in the Visual Builder.

Live Preview

ZIP with one Divi Library JSON file 1

Unzip the file. Inside is one .json file.

Open Divi › Divi Library and click Import & Export.

Import the file, then add the layout to any page.

About This Layout

What's Inside

1 section, 1 row and 9 Groups, laid out with Divi's Flex layout.
Modules: Heading (1), Text (2), Button (1), Accordion (1).
Separate tablet and phone settings on 15 elements.

Best For

Answering common questions before visitors get in touch.
Fits business sites.
Suits a light design.

How to Customize

Colours: Porcelain #f7f5f2, Black #000000, White #ffffff, Parchment #ebe7e0, Pale Blue #dfe5ec, Vivid Blue #0156fc. They arrive as global colours when you import, so changing one in Divi updates every module that uses it.
Fonts: Inter (300, 400, 500), Fraunces (400). The largest text is Fraunces at 56px.