Preview image. Unlock full-res
Dark centered FAQ section with a badge, large heading, six accordion rows with plus icons, a see-all button, and a support email line.
Summary
A dark charcoal FAQ block centered on the page with six accordion question rows, one showing a minus icon as the active state, plus a secondary see-all button and contact email.
Visual description
Dark charcoal container with rounded corners on a slightly lighter grey outer background. Subtle large rounded shapes sit in the top corners for depth. Top center, a dark pill badge with a question mark icon and uppercase "FAQS". Below, a large bold white headline "Frequently Asked Questions" and a light grey subheading about design system purchase, updates, and support. Six horizontal accordion rows follow, each a dark grey rounded rectangle with a thin border, white left-aligned question text, and a plus icon on the right. The fourth row ("What are the recent updates and enhancements in AlignUI?") shows a minus icon instead. Below the list, a dark grey rounded "See All FAQs" button with a right chevron. Footer line reads "Contact us at hi@alignui.com via email!" with the address styled as a white link.
Key takeaway
A fully centered dark FAQ with uniform row height and plus/minus affordances keeps six questions readable without category tabs. The badge plus oversized title establish context before the first row.
Reuse notes
Good template for design system or SaaS product FAQs on dark landing pages. Best with five to eight single-line questions; longer copy will wrap unevenly in fixed-height rows. Pair with a visible support email for users who do not find their answer.
