FAQ accordion
Expandable accordion of questions. Compact, scannable Q&A with expand-to-reveal answers.
faq/default/accordion
FAQ section templates
Answer objections before they block the sale: accordions, two-column lists, card grids, numbered lists and FAQ-plus-contact combinations.
8 variants · neutral wireframe · ready to reskin with your design tokens
FAQ accordionFAQ two-columnFAQ listFAQ with contact CTAFAQ cardsFAQ with side headingNumbered FAQFAQ with icons
FAQ two-column
Heading and subhead left, questions and answers in a two-column grid right. All answers visible.
faq/default/two-col
FAQ list
Questions and answers as a simple stacked list. Minimal styling for dense content.
faq/default/list
FAQ with contact CTA
Accordion FAQ followed by a contact box. Routes users to support when the FAQ is not enough.
faq/default/with-cta
FAQ cards
Six Q&A pairs as cards in a grid. Visual, friendly Q&A presentation.
faq/default/cards
FAQ with side heading
Heading and CTA left, expandable accordion right. Two-column split for mixed content.
faq/default/split-accordion
Numbered FAQ
Questions as a numbered list with circular badges. Ordered, step-like presentation.
faq/default/numbered
FAQ with icons
Six Q&A pairs with icons in a grid. Icon-enhanced visual presentation.
faq/default/with-icons
claude mcp add --transport http rifframe https://rifframe.app/api/mcp > "Add a faq section to my landing page"
Your coding agent can search and pull these sections directly. How it works.