Skip to main content

FAQ pages

Frequently asked questions, or FAQs as they are known, are a great way to improve your customer's experience of your website. It allows you to answer the questions that are most commonly asked surrounding your product or service.

Note: In some cases the height of the content is smaller than the height of the viewport especially in desktop screens. As a result, the footer of the page will stick to the middle of the screen which is not ideal for the user experience. To fix that, you can use the .govgr-layout--full-height CSS utility class combined with .govgr-layout.

When to use this pattern

Use this pattern in order to provide users with useful information regarding your service, organized in form of Questions and Answers.

How it works

FAQ pages use Accordion Component and should have:

  1. Well formatted and brief questions.
  2. Clear and understandable answers. You can provide a link at the end of each answer that will lead user to a page of your service to take action.

Figma Reference

Find more information regarding this Pattern in Figma Community File


We'd love your feedback
Was this helpful?