Pipe dark FAQ accordion

Pipe dark FAQ accordion, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark FAQ block with eyebrow label, friendly headline, View All pill, and plus-minus accordion list with one expanded answer.

Summary

Near-black FAQ section with a large white headline, top-right View All pill, and a clean accordion with circular plus-minus toggles.

Visual description

Very dark gray background spans the section. Header row: small light gray uppercase "OUR FAQS" left, large white sans headline "Questions? We're glad you asked." below it, and a dark gray rounded "View All" pill with light text aligned top right. Below, a vertical accordion list separated by thin dark horizontal rules. First item "How does Pipe work?" is expanded: white question text, circular gray toggle with minus icon, and a paragraph of muted gray answer text about revenue-based underwriting and flexible drawdown. Six collapsed rows follow with white questions and circular plus icons: eligibility, recurring revenue, approval time, data security, offer flexibility, and costs and fees. Generous vertical padding between rows; content is left-aligned with toggles right-aligned.

Key takeaway

Circular plus-minus controls at row height keep the accordion feeling product-native rather than default chevrons. Pairing a conversational headline with a quiet View All escape avoids trapping users in a long on-page list.

Reuse notes

Default pattern for regulated fintech or lending FAQs on dark marketing pages. Needs enough contrast between question white and answer gray. View All assumes a dedicated FAQ route; omit if everything must stay inline.

More faq sections

See all

More like this