Exante split-layout FAQ accordion

Exante split-layout FAQ accordion, light-mode, minimal, light

Preview image. Unlock full-res

Light FAQ section with a sticky left title block beside a right column of plus-toggle accordion rows separated by thin rules.

Industryai, b2b, legal, saas
Elementsbadge, accordion, icon
Palette
#FFFFFF
#0A0A0A
#E5E5E5

Summary

A two-column FAQ where a large left-aligned title block anchors the section and a right column stacks six collapsed accordion rows, each ending in a plus icon.

Visual description

On a white background, the left third holds a small grey "FAQs" pill badge above an oversized two-line black heading "Frequently Asked Questions". The right two-thirds is a vertical list of six question rows in medium black type (What is Exante?, Is Exante a contract lifecycle management (CLM) solution?, Does Exante offer legal advice?, How secure is Exante's contract repository?, Is the Exante platform customizable for my business?, What support is available if I need help?). Each row has a plus icon at the far right and is separated from the next by a thin light-grey divider rule. All rows are collapsed; no answers are shown.

Key takeaway

Splitting the heading off to its own sticky-feeling left column lets the question list breathe full-width on the right and reads more like a document than a stacked block. Plus icons plus hairline rules are all the affordance a collapsed accordion needs.

Reuse notes

Clean FAQ pattern for a content-light B2B or SaaS page. The left title column wastes space if you have only a couple of questions, so reach for it when the list is long enough to fill the right side. Light, monochrome, and easy to drop near the bottom of a page.

More faq sections

See all

More like this