Outerbase black two-column FAQ accordion

Outerbase black two-column FAQ accordion, dark-mode, minimal, dark

Preview image. Unlock full-res

Stark black two-column FAQ with a bold sans-serif heading on the left and a right-hand stack of plus-icon accordion questions divided by hairline rules.

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.

More faq sections

See all

More like this