Preview image. Unlock full-res
Minimal light FAQ with a serif heading parked left and a right-column accordion of questions separated by hairline rules.
Summary
A spare, light FAQ section that anchors a serif "FAQs" heading in the left column and stacks a quiet accordion of collapsed questions in the right. The heading-left, list-right split with editorial serif type is the defining choice.
Visual description
The layout is a wide two-column split on white. The left column holds only the word "FAQs" in a dark serif face, set high and left with lots of empty space beneath. The right column is a vertical list of six collapsed accordion rows (How does Routable pricing work?, Do my vendors need to create an account..., What payment methods are currently supported..., Does it cost more to send a payment faster?, Do I get charged for my API user?, Am I able to set up approval rules?), each in a dark sans-serif with a small down-arrow toggle at the far right and a thin hairline rule between rows.
Key takeaway
Parking the section title alone in a wide left column and giving the questions the entire right side creates calm, scannable hierarchy and lets the white space breathe. Mixing a serif heading with sans-serif questions adds an editorial, considered feel to an otherwise utilitarian component. The down-arrow toggle plus hairline dividers keep the closed accordion clean and obviously interactive.
Reuse notes
A safe, classy FAQ pattern for fintech, payments, or any product that wants a composed, low-noise support section. The serif-heading touch suits brands aiming for an editorial or premium tone; swap to sans if the brand is purely technical. On narrow screens the title should stack above the list rather than stay beside it.
