Rally split-column FAQ with accordion list

Rally split-column FAQ with accordion list, minimal, corporate-clean, light

Preview image. Unlock full-res

A two-column FAQ with a large left headline, dotted vertical divider, and seven plus-icon accordion rows on the right.

Summary

A corporate FAQ section that keeps questions scannable: bold title anchored left, accordion list right, separated by a vertical dotted rule and section index labels.

Visual description

White background with generous padding. Top-left small gray label "[06] FAQ"; top-right "GET STARTED" in light gray caps. Left column: large bold black two-line heading "Frequently Asked Questions". A vertical dotted line divides the layout. Right column lists seven questions ("What is Rally?", "Who is Rally for?", through "How can I sign up?") each with a light gray plus icon on the far right, implying collapsed accordion rows. Ample vertical spacing between items.

Key takeaway

The editorial split: headline as a static anchor while the right column stays purely functional. Section numbering and a secondary CTA link in the header band add structure without clutter.

Reuse notes

Reliable B2B FAQ pattern when answers are long but you want the first view to stay calm. Needs consistent plus/minus interaction in implementation. Works best with 5-10 questions; beyond that, consider grouping or search.

More faq sections

See all

More like this