Simple With Divider And Icon
A clean FAQ list with an icon by each question and dividers between rows. Keeps a long set of answers readable and clearly separated on any support page.
A clean FAQ list with an icon by each question and dividers between rows. Keeps a long set of answers readable and clearly separated on any support page.
Search blocks by description or jump to a page.
Simple With Divider And Icon opens with a centered heading that reads "You might be wondering..." followed by a narrow single column list of FAQ rows. Each row is separated from the next by a thin horizontal divider, and a circle help icon sits to the left of every question. The question text appears as a semibold heading and the answer sits directly beneath it in a muted tone, keeping the reading flow short and vertical.
The heading, the icon choice, and every question and answer are independent pieces of copy. You can add or remove rows freely and the dividers adjust automatically. There are no expand or collapse interactions; all answers are visible at once, which suits a modest set of four to eight questions.
This layout suits a real estate marketplace where buyers and renters arrive with a predictable short list of questions about fees, listings, and account setup. Because all answers are always visible, visitors do not need to click through options, which keeps the experience fast on a property detail page or a pricing page. It works better than an accordion variant when the answers are brief and you want zero friction between the question and the response. It fits well below a pricing table or near the bottom of a listing overview page.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The obvious fit is a short set of questions buyers or renters ask before committing to a platform. A few other ways to use the frame:
Tip: keep answers to two or three sentences each so the dividers hold a steady rhythm and readers reach the bottom without scrolling far.