[Library] FAQ
FAQ
Questions and answers, as a list, a ledger, a grid or one big question. 5 patterns, 7 variations between them: every variation is its own copy-paste file, one click from its pattern.
Thumbnails on this page are rendered in Twenty Twenty-Five. Your theme is applied to every live preview, on a pattern's own page.
5 patterns
Thumbnail in Twenty Twenty-Five
FAQStandard
FAQ cards
An FAQ as a wall of bordered cards: a tracked label and a one-line lede share the header row, then six questions sit in a two-column grid, each card a 1px currentColor box with the question set large and tight at the top and the answer packed beneath it at a short measure. Nothing is collapsed, so every answer is read without a click. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Night cards
Thumbnail in Twenty Twenty-Five
FAQFreeStandard
FAQ ledger
A display headline over three topic rows. Each row hangs a small tracked label in a narrow left column against three native disclosure questions stacked as a ruled list in the wide right column; a hairline runs the full width of the band between topics while the question rules stop at the list column, so the section reads as a ledger with margin notes. States no colour and no font of its own.
7 blocks · core only · 1 variation Preview Night ledger
Thumbnail in Twenty Twenty-Five
FAQSignatureStandard
FAQ list
A two-column FAQ in which the invitation is the loud half: a display headline, one line of orientation and the action fill the header column, while six native disclosure rows run beside it as a compact ruled list at reading size. Six questions take up less height than the headline block, so the section reads as an offer to answer rather than a manual to browse. States no colour and no font of its own.
9 blocks · core only · 3 variations Preview Open indexNight listPaper and ember
Thumbnail in Twenty Twenty-Five
FAQStandard
FAQ measure
A single column of seven native disclosure rows running the full 1240 measure, ruled between and above and below. The question is set at display size across the whole width; the answer steps in from the left and holds a short reading measure, so the section's left edge alternates between the band edge and the indent. No second column and no label rail: the width is the design. States no colour and no font of its own.
5 blocks · core only · 1 variation Preview Open measure
Thumbnail in Twenty Twenty-Five
FAQStandard
FAQ spotlight
A FAQ with one question promoted to display size: a tracked eyebrow, the question everyone asks set at up to 64px across the full measure, and its answer always visible beneath at a bounded measure. A hairline then drops to a compact two-column grid of eight small disclosure rows, four a side, ruled between and stacking to one column on a phone. States no colour and no font of its own.
7 blocks · core only · 1 variation Preview Split