Atomic centered FAQ accordion

Atomic centered FAQ accordion, dark-mode, minimal, dark

Preview image. Unlock full-res

Minimal dark FAQ with lime badge, oversized heading, and a single expanded accordion item on black.

Industryagency, saas
Elementsaccordion, badge, icon
Palette
#0D0D0D
#484846
#2D2D2D

Summary

Centered FAQ section on black with a lime pill label, bold headline, one open accordion panel, and collapsed rows with plus icons.

Visual description

Black full-width canvas with vertically centered content. Top shows a small lime-green pill badge with star icon and FAQs text, then large white headline We've got the answers. First accordion item sits in a dark gray rounded container with question on the left and X close icon on the right; gray body copy about GPL license terms fills the expanded area. Five additional questions appear as simple white text rows with plus icons aligned right. Footer line reads Still have more questions? Contact our help center. with underlined help center link.

Key takeaway

Keeping only one item expanded at a time inside a subtle gray shell makes a long legal FAQ feel approachable on a dark template page. The lime badge repeats the Atomic accent without overwhelming the list.

Reuse notes

Good for product templates, open-source tools, or subscription services with policy-heavy questions. Centered narrow column reads best; very long answers may need taller expanded panels.

More faq sections

See all

More like this