Ask HN: Good designs for a website that serves as a detailed FAQ?

1 points by scop 4y ago ↗ HN

Greetings HNers,

I’ve recently picked up a new hobby and have been struggling to find resources for getting started and contextualizing the hobby. Everything jumps into technique whereas I don’t even know the who, what, when, where, why.

Im therefore thinking of making a simple FAQ website for this topic. These FAQs would be fairly detailed (more than just question and one sentence answer), but I don’t envision it as an ongoing blog: more just a static page of common questions and resources for someone starting out.

Can you suggest any websites that have a well designed “static but verbose FAQ” layout?

2 comments

[ 1.5 ms ] story [ 18.0 ms ] thread

themodelplumber 4y ago ↗

I always thought the documentation generator sites had excellent demos for this kind of thing, e.g. https://docsify.js.org/ and https://docusaurus.io/docs

(Fortunately they are designed to be customized so you can shape things up as you please, as well)

efortis 4y ago ↗

I'd use something like this:

   body { max-width: 640px; margin: 0 auto; font-family: system-ui }
   
   <details>
      <summary>FAQ #1</summary>
      <p>Answer to FAQ #1</p>
   </details>