小网站里的设计细节

让网站显得精致，未必需要复杂的动效。很多时候，只要把文字、间距和对比处理好，读者就能更自然地停留下来。

先决定阅读宽度

过长的一行文字会让视线难以回到下一行。正文宽度限制在舒适范围内，侧栏只放目录和少量辅助信息，是一个有效的起点。

动画只做提示

卡片轻微上移、按钮颜色变化，能告诉读者“这里可以交互”。动画不应该妨碍阅读。本站尊重系统的 prefers-reduced-motion 设置；要求减少动态效果时，动画会自动关闭。

深浅两种环境

白天和夜晚的光线不同。深色模式不仅是把背景涂黑，更需要重新检查文字对比、边框和代码块。本站可手动切换，也会在首次访问时参考系统偏好。

保持可访问

标题层级、键盘焦点、图片替代文本和跳到正文的链接，看起来不起眼，却能让更多人顺利使用网站。