Preview image. Unlock full-res
Light centered FAQ with a badge, large heading, and a long single-column stack of collapsed accordion rows with plus toggles.
Summary
A light, centered FAQ that leads with a small badge and an oversized heading, then runs a long single column of collapsed accordion rows, each a rounded bar with a question and a plus toggle. The clean, uniform accordion stack is the defining trait.
Visual description
Pale blue-white background. Centered at the top: a small white "FAQ'S" pill badge, an oversized dark heading "Frequently Asked Questions", and a two-line grey supporting sentence. Below, a single centered column of at least twelve collapsed accordion rows. Each row is a white rounded bar with a subtle border, the question text left-aligned in dark sans-serif and a thin "+" expand icon at the right edge. Questions are short and SEO-oriented (booking and scheduling on Shopify). Rows are evenly spaced with consistent height, all closed.
Key takeaway
The uniform rounded-bar accordion with a simple plus affordance scales gracefully to a long list of questions while staying tidy. Centering a badge plus oversized heading gives a plain Q&A list a confident entry point.
Reuse notes
The right pattern when the FAQ list is long, unlike an always-open two-column layout. Suits consumer SaaS and e-commerce apps. Light and friendly palette. Keep every row the same height and use one consistent toggle icon so the stack stays calm; pair with short, search-friendly question phrasing.
