本站设计 · Dev AI

我的设计多少受 Anthropic 的影响，我很喜欢这类风格，可以说是带点哲学气息的“科技人文风”？所以，我希望我的博客的设计也有足够“呼吸感”，我觉得它让人容易沉浸与思考。

文字设计

标题和正文用了衬线字体，导航换成无衬线，代码用等宽字体。正文的宽度调整了一些。四个系列各有一种点缀色。读进文章后，链接和引用会跟着变色，提升相同系列的一致性。

一篇就够了 Thinking in Context Zen of Harness Engineering Scaling 一下

我特别喜欢用引用块，但是大部分的软件对引用块的支持是有限且死板的～因为我重新设计了 icon，基于我的需求和审美，让它更有细节一些～

顺手补一句

便签里放补充说明。暂时跳过，也不影响往下读。

可以试试看

新芽旁边通常是一条实践建议，留给想实操的人。

这里还没想清楚

云朵里放问题。有时是想请你一起思考，有时是提醒自己别急着下结论。

看看其他提示块

背景 · 路牌

补上前置知识，交代来龙去脉。

摘要 · 叠石

把一段或整篇的要点放在一起。

提醒 · 铃

留意结论的前提，或者实践里容易踩的坑。

例子 · 画框

用一个具体例子，把抽象的说法讲清楚。

引用 · 说话的小人

借别人的原话说一件事，出处会放在旁边。

重点 · 蜡烛

这一句值得停一下，再读一遍。

主张 · 插旗的山

放一篇文章想讨论的主张，或我认同的愿景。

完成

记录验证通过或事情办妥的结果，目前用色点标记。

风险

标出严重风险，目前用色点标记，留作备用。

图标的设计风格是随机迭代出来的。我选择了几个我喜欢的 Anthropic 图片，然后抽卡几次。得到了导航栏「关于」旁边的那个小人：几笔墨线，恰到好处的颜色。后续基于此，设计了便签、路牌、新芽、铃和蜡烛，赋予文章“呼吸感”。

这些图标由 GPT 模型生成。首页的节点编排寓意我对编排智能的期许，而页脚缓缓流动的河，则源自我对 AI 说：希望抛弃常见的页脚设计，让它简单点吧～