本站第一版选择了偏轻工业、偏系统日志的视觉方向:左侧固定导航、硬边框、网格背景、大号水印、技术状态文本,以及在暗色模式中更强烈的黄黑对比。

这个方向的好处是识别度明确,不需要太多装饰图片也能成立。它也有明显约束:文字必须清楚,交互控件不能喧宾夺主,中文标题和技术微文案之间要保持节奏,否则页面会很快显得嘈杂。

深浅色策略

浅色模式更贴近青绿色 Logo,整体以清爽、低饱和的面板和网格为主;暗色模式更贴近黑黄 Logo,保留更强的工业警示感。两套主题不追求完全一致,而是分别服务于各自的品牌色。

组件边界

导航、TitleBar、文章卡片、SectionHeader、右下角控制区和文章页元信息都被拆成独立组件。这样后续调整视觉时,可以尽量少碰内容逻辑。

这也是静态博客适合做成组件化结构的原因:页面数量会增加,但基础体验应该保持一致。稳定的组件边界能减少后期维护成本。