Preview image. Unlock full-res
Light FAQ section pairing a faint ASCII-art cloud graphic and an orange-accented headline with a right-hand category-grouped accordion list.
Summary
A light, technical FAQ section whose left side leads with a faint ASCII-art cloud and an oversized headline ("Frequently asked questions" with "questions" in orange), while the right side holds a category-grouped accordion. The signature touch is the dotted ASCII illustration standing in for a hero graphic.
Visual description
On a warm off-white background, the upper area splits left and right. Left-top shows a small "FAQ" label inside a pill with a chat-bubble icon flanked by chevron tick marks, set against a large pale ASCII cloud rendered in tiny gray characters. Right-top carries a two-line black headline with the final word in bright orange and a one-line muted subtitle ("Everything you need to know about Firecrawl."). Below a full-width hairline, the layout becomes a two-column grid: the left column is a sticky category label ("General"), and the right column is a vertical accordion of question rows ("What is Firecrawl?", "What sites work?", and so on), each a plain dark question with a small down-chevron and separated by hairline dividers.
Key takeaway
Replacing a stock hero image with ASCII art keeps a developer-tool aesthetic while still filling the negative space. The sticky left category label paired with a right-hand accordion that scales to multiple grouped sections. The single orange accent word carrying all the color in an otherwise monochrome layout.
Reuse notes
Strong fit for developer tools and infra products where an ASCII or terminal motif reinforces the brand. The category-label column assumes you have several FAQ groups; with one group it leaves a lot of empty left space. Keep the accent color rare so the one highlighted word stays the focal point.
