kumaratul60/System-Design ? reverse-engineered prompt

Build me a clean study site for system design and architecture notes. I want it organized into sections like infrastructure, logging, databases and caching, communication patterns, networking, security, performance, accessibility, testing, and interview prep. Each section should feel like a practical reference, with short explanations, comparison tables, and deep dive notes for senior level tradeoffs and common failure cases.

Please also include a simple homepage that helps me browse everything fast, plus a cheatsheets area for quick lookups. A few interactive HTML demo pages for things like accessibility, focus management, keyboard navigation, and real time communication would be great too.

Keep it readable, well structured, and easy to expand with more markdown pages later. If anything in the latest docs online would help make the examples more accurate, feel free to check that too.