Outerbase black two-column FAQ accordion

Summary

A stark all-black FAQ section that anchors a bold two-line heading in the left column and stacks six collapsed accordion questions in the right column. The defining move is the high-contrast minimalism: white text and thin plus toggles on pure black, with nothing else competing.

Visual description

On a flat pure-black ground, the left column holds a two-line bold white sans-serif heading "Frequently asked questions." The right column lists six questions, each a row with a thin white plus icon on the far left followed by the question text in white sans-serif: "What plan is right for me?", "Who counts as a user?", "How do I know my database is secure?", "Where is my data stored?", "I have a database that isn't supported", and "Can I self-host Outerbase?". Each row is separated by a faint grey hairline rule, and all rows are shown collapsed with generous vertical spacing.

Key takeaway

The disciplined two-column FAQ where a heavy heading on the left grounds a clean question list on the right. Pure black with white type and minimal plus toggles for a confident, technical look that needs no decoration. Hairline dividers and ample row spacing keeping a long list calm and scannable.

Reuse notes

A reliable FAQ pattern for a developer or data product with a stark monochrome brand. Reads best when answers expand inline on click; here every row is collapsed. The plus icons imply an accordion, matching the source tag, but do not infer animation beyond the toggle affordance.