Skip to main content

Faq

10 templates in this category. Each page has the screenshots, the structure, what to change and the CSS variables.

  • FAQ · Answers in view — A short FAQ with every answer in view: questions in bold with the answer right under them, in two columns, and a link to ask anything else.
  • FAQ · Box — A centered intro, the questions in a framed box with the arrow in an Outline icon box, and a button to ask anything else.
  • FAQ · Cards — Questions as cards in a grid of three: an FBK Accordion (Cards style, several open at once) whose open card grows to show the answer on a light surface.
  • FAQ · Help center — The front page of a help center: a large search bar, a grid of topics with their number of articles, and a contact band for when the answer is not there.
  • FAQ · Lines — The intro with a contact button on the left, staying in view; the questions on the right, separated by thin lines, with the arrow in a Soft icon box and an accent line under the open one.
  • FAQ · Long with index — A long FAQ for a help center: a list of topics that stays in view, and every question open beside it, grouped by topic.
  • FAQ · Search — A centered intro, a search box that filters the questions as you type and highlights the matching words, and an accordion of questions; when nothing matches, a panel with a button to contact support.
  • FAQ · Split with contact — The intro and a small «Still have questions?» card with the faces of the support team on the left, staying in view; six questions in an accordion on the right.
  • FAQ · Tabs — Questions grouped by topic: a centered row of tabs with a line that slides under the open one, and an accordion of questions in each tab.
  • FAQ · Two columns — A centered intro and the questions in two columns, each column an accordion.