一套来自蔚蓝色深空的个人品牌设计语言。从颜色、字体、组件到动效与文案语气 —— 让每一个由我做出来的产品,看一眼就知道是 蔚蓝 的作品。
不是把好看堆在一起,而是用四个一致的原则去做每一个决定。
一致 · 协调
同一种语气、同一组颜色、同一套节奏 —— 跨越作品集、博客、社媒账号、视频片头,是一个人。
一致是品牌的灵魂 ✦韵律 · 节奏
间距按 4 的倍数走,字号按比例跳;动效有呼吸,星点有闪烁。视觉是有节拍的。
跳动的韵律构建蔚蓝的美感 ✦清晰 · 直接
不绕弯子,不堆术语。每一段文字都问自己:能不能用一句话讲完?每一个按钮都知道下一步去哪。
清晰即效率 ✦开放 · 包容
所有作品开源,所有想法公开。AI 时代,独立开发者最好的护城河是「持续把自己暴露在阳光下」。
开放是最好的思路 ✦名字就是颜色 ——「蔚蓝」从深空 #0a0f4a 一路渐变到清晨 #c8d2ff,配上生命绿 #a3ffcd。
SF Pro 立骨架,PingFang 承中文,Playfair 当口号,Caveat 留手感,JetBrains Mono 写代码。
中英混排的默认搭配。SF Pro 处理拉丁字符,PingFang 接管中文,行高 1.55–1.65,字间距精确到 -0.005em。这是整个品牌 90% 文字使用的字体。
所有 slogan、设计哲学副标题、品牌引用语必用。它是蔚蓝的「文学性」—— 在严肃的工程语境里留一点诗。
仅用于「人情味」位置:四个哲学的副标语、感谢页留言、年度回顾签名。永远是蓝紫色系,永远不超过 24px。
仅用于:色值、命令行、代码片段、HEX/RGB、数据 metric。绝不用于正文。
三个原始几何 —— 三角、圆、矩形,对应三种关系:理想(蓝)、生命(绿)、技术(青)。
Triangle · Circle · Square — Idea · Life · Engineering
所有元素圆角胶囊化、玻璃质感优先、蔚蓝渐变是默认强调色。
Claude Code + Cursor 让独立开发的速度提升 10x。
每周一封,聊聊 AI、独立开发、和工具背后的设计思考。
动效不只是装饰,是节奏的可视化。三条曲线,覆盖 95% 的场景。
默认曲线。所有 hover、page transition、卡片悬浮都用它。
用于持续运动:虚线轨道、星点旋转、渐变文字 shimmer。
用于状态点(生命绿点、Live 信号)、星点闪烁、按钮 focus ring。
24×24 网格、2px 描边、圆头圆角、几何优先。Hover 时填充蔚蓝。
所有数值按 4 的倍数推导,让节奏从「看起来对」变成「测出来对」。
写技术的时候像朋友讲事,写文学的时候像深空有诗。永远不要有 AI 味。
用 Claude Code 把想法做成产品,每一个产品都是 0 到 1。
借助先进的 AI 技术赋能高效的创新型解决方案。
— 蔚蓝 · Weilanx ✦