The Design of This Website

Showing off and explaining this site’s beauty.

Table of Contents Site rendering basics Importing the content from my old blog Archiving and dependencies Embedding tweets Color scheme Inverting assets in dark mode Color should accent content Site responsiveness Asset compression Preventing layout shift Inlining critical css Non-blocking css loading Preloading the first image Deduplicating html requests Seamless scroll restoration Text presentation Sizing Font selection Dropcaps Formatting enhancement Website features Emoji styling Inline favicons Suggest related posts based on embedding similarity I display which…

saved by

• Justin Wang
• Wilbur Zhang
• Sophie Wang
• Eva L

related reading

• Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
• This Page is Designed to Last: A Manifesto for Preserving Content on the Webjeffhuang.com
• Dead Simple Sites — Minimal Web Design Inspiration & Gallerydeadsimplesites.com
• Motherfucking Websitemotherfuckingwebsite.com
• Minimal Gallery – Website Design Inspirationminimal.gallery
• Design Of This Website · Gwern.netgwern.net
• Web Interface Guidelinesvercel.com
• rams - Expert Design Reviews on Every PRrams.ai
• DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
• Web Field Manual | Codewebfieldmanual.com
• Design Engineeringfloguo.com
• Web design inspiration from real, live websites — Curatedcurated.design