Preview image. Unlock full-res
A dark-mode FAQ inside a rounded bordered container, with a sticky two-line title on the left and a single column of collapsed accordion questions on the right.
Summary
A dark contained FAQ that splits a stacked "Frequently Asked Questions" title on the left from a single-column accordion of collapsed questions on the right.
Visual description
A large rounded rectangle with a thin grey border sits on a black background. Its left third holds the heading "Frequently Asked Questions," set in bold white and broken across three lines, with the rest of that column left empty. The right two-thirds is a vertical list of nine collapsed accordion rows, each showing a white question (for example "Do you offer discounts for non-commercial projects?", "How are MAU calculated?", "What's a room?") with a small down chevron at the far right and a thin divider between rows. All rows are closed, so no answers are visible. The palette is strictly black, white, and grey.
Key takeaway
Anchoring the FAQ with a large stacked title in its own column while the questions scroll past on the right, a layout that reads as organized and gives the heading room to breathe. The single bordered container holds the whole block together against an empty black page. Uniform chevron rows make the accordion behavior obvious at a glance.
Reuse notes
A reliable pattern for a longer FAQ where a single column of questions would otherwise feel like a loose list. The empty left column suits a sticky title on scroll. Works cleanly on dark with a subtle border; on busy backgrounds the container outline would need more contrast. Pairs well below pricing, where questions about plans and limits naturally follow.
