Equals FAQs Section

Equals FAQs Section, light-mode, minimal, light

Preview image. Unlock full-res

Minimal light FAQ as a single full-width accordion list of plus-toggle rows separated by hairline rules.

Colorlight, muted
Elementsaccordion, icon
Palette
#ECECEC
#1A1A1A
#9A9A9A

Summary

A pared-back FAQ section rendered as one full-width accordion, where eight questions stack as plain rows divided by thin lines, each closed with a plus icon.

Visual description

On a flat light-gray field, a medium-weight black heading "Frequently asked questions" sits at top left. Below it runs a single-column list of eight collapsed accordion rows, each a left-aligned question in dark sans-serif with a thin "+" icon pinned to the far right. Hairline horizontal rules separate every row and bracket the list top and bottom. Questions span the full content width with generous vertical padding, and all panels are closed, so the section is pure question text and dividers with no answer copy, imagery, or color visible.

Key takeaway

The restraint: a wide single-column accordion with nothing but type, hairline rules, and a plus affordance reads as confident and easy to scan. Full-width rows with even spacing make a long FAQ feel short.

Reuse notes

A safe, neutral FAQ pattern for almost any SaaS or B2B page, especially one with a minimal, monochrome design language. Pairs well above a footer. The plus icons are the only affordance, so keep them clearly visible; with very long question text the right-aligned icon can drift far from the label on wide screens.

More faq sections

See all

More like this