Preview image. Unlock full-res
Split FAQ section with a large left headline and a bordered accordion list on the right, first item expanded with plus/minus controls.
Summary
Split FAQ section with a large left headline and a bordered accordion list on the right, first item expanded with plus/minus controls.
Visual description
Very light gray background in a two-column split. Left third holds a large bold black headline "Frequently Asked Questions" stacked on two lines. Right two-thirds is a vertical accordion list separated by thin horizontal rules. The first row is expanded: a minus icon, question "What AI clients does Runlayer support?", and answer text listing Cursor, VS Code, Claude Code, Copilot, ChatGPT, and MCP-compatible clients. Eight collapsed rows below each show a plus icon and a single-line question about workflow changes, adding MCP servers, local servers, security integration, performance, favorite AI tools, custom builds, and existing configurations.
Key takeaway
The asymmetric FAQ split that gives the section a editorial headline moment instead of a centered title above a narrow list. Thin dividers and simple +/- icons keep a long question set scannable.
Reuse notes
Ideal for developer-tool or platform FAQs where questions are technical and numerous. Pairs with a minimal support or docs page. Ensure mobile stacks headline above the list.
