A Better Lou support accordion FAQ

A Better Lou support accordion FAQ, minimal, light-mode, light

Preview image. Unlock full-res

Split FAQ section with oversized heading and orange CTA on the left, categorized accordion questions with plus icons on the right.

Summary

A warm cream FAQ block split into an intro column with a large heading and orange explore button, and a right column of grouped accordion questions separated by thin horizontal rules.

Visual description

Light cream background spans the full width. Left column holds a bold black sans-serif headline reading "Frequently Asked Questions", then an orange pill button labeled "Explore All" beside a matching circular button with a diagonal arrow icon. Right column stacks three labeled groups: "How it works", "Membership & Support", and "Service & Details". Each group lists four single-line questions in regular weight type with a plus icon aligned right on every row. Thin full-width dividers separate each question. Generous padding and whitespace keep the accordion list airy and scannable.

Key takeaway

Grouping FAQs under short category headers before the accordion rows makes long support content feel organized without tabs. The split layout keeps the section title and primary action visible while users scan questions.

Reuse notes

Strong fit for telehealth, membership, or subscription services with many policy questions. Works best when question copy stays to one line per row. The orange CTA pairing (pill plus arrow circle) can anchor users who need more than the inline list.

More faq sections

See all

More like this