# Shift 视觉设计规范 版本：0.1.17。生效日期：2026-10-18（视觉基线 2026-10-13）。用户确认“上线”后正式采用。0.1.16 增补地方产业「五金金属 #6D7F87」「建筑陶瓷 #A96A50」；0.1.17 再增「工艺陶瓷 #7E9C8E」「灯具照明 #B08A56」「玩具与文教 #9AA36B」「小商品与日用品 #8C7B6B」；地方产业固定行业色共十一类，行政级别色独立。 整站采用等距细线插画、浅色画布、充足留白和克制排版。此规范取代此前亮色消费风与人物主视觉。品牌初心仍为“像创业者一样，经营你自己”，主站知识内容免费。 ## 网站标识 网站使用用户选定的 3 号“方键与字标”：白色立体 Shift 键帽、上箭头、独立 SHIFT 字标。透明 PNG 是视觉母版；同名 SVG 内嵌 PNG，非纯路径矢量。品牌母版在 `brand/logo/shift-key-logo.png`，发布副本在 `product/app/static/assets/shift-key-logo.png`。原点阵与黑色 S 保留为历史兼容。 ## 颜色与字体 分类色唯一配置：`product/app/static/assets/hairline/registry.json`。Python 分类展示与线稿图形读取该配置。 | 类别 | 强调色 | |---|---| | 接单 | #E77928 | | 技能 | #4F84A0 | | 内容 | #9272AF | | 创业 | #429787 | | 卖货 | #8AA941 | | 知识 | #6C77A8 | | 投资 | #737A7E | 画布 #FAFBF9、正文 #202426、细边 #E3E5E5、图板 #FFFFFF。分类强调色只表达题材身份，配合分类文字；验证、风险、成本和收入单独表达。投资保留独立风险分流。 中文使用系统 PingFang SC 与自托管 Noto Sans SC，正文 400、标题 500，禁止合成粗体和低对比度描边正文。图注与编号可用等宽字体。 ## 线稿资产与配图维护 64 个当前公开方向中，64条配置独立专属线稿，其余0条沿用已有示意并继续制作。另287个草稿方向配置专属封面，内容状态保持草稿；共351方向。生成图片仅为题材示意，不是亲测或用户成果证据。 原画保存于 `brand/illustrations/hairline/`；WebP 发布副本在 `product/app/static/assets/hairline/`，原有 9 张合计 579774 字节；B002 当前透明专属 WebP 101650 字节。所有栅格图保留原尺寸和比例，只优化编码；列表延迟加载图片，原组件在进入视口附近时挂载。 Hairline 0.5.0 原组件固定版本，原几何与源码保留；主题变量和少量原路径描边表达分类强调色。源码 `static/js/vendor/hairline-0.5.0.js`，MIT 许可 `static/assets/hairline/Hairline-LICENSE.txt`。上游 https://github.com/lucasmarkes/hairline 。 新建或未发布方向缺少显式物件时使用分类线稿示意。编辑分类时，若原画配色不相容，切换分类色示意并标明“专属物件配图待更新”；上线专属图前需复核题材与分类。 ## 页面与功能 首页、方向库、详情、我的试做、诊断、记录、公开广场、认证、法律页面、移动入口及后台共享浅色细线视觉。后台的内容、证据、指南、修订表单分别提交，右侧检查器占据独立列。 比较最多 3 个方向，展示真实公开字段；缺失保留“待补充”。分类/关键词/约束筛选与详情返回保留条件。新试做及记录默认私密，公开记录需主动勾选；上传截图是复核材料，不自动提高验证等级。 ## 发布与回滚 运行真源 `product/app`，PM2 兼容入口 `/home/riemann/Shift/app`，服务 `shift-web`，公网 https://miranbit.com/shift/zh/ 。0.1.12 新增分类报告、邮件订阅、赚钱原理路由及应用数据库表；不新增端口或密钥。 文件回滚副本及 SQLite 在线快照在 `staging/shift-012-release-20261013/`。如需回退本版文件，在无后续源改动时运行 `python3 staging/category-magazine-20261013/release_012.py rollback && pm2 restart shift-web --update-env`；回滚保留用户数据库与订阅记录。若文件哈希已变化，脚本会拒绝覆盖。 ## 2026-10-13 四列排版补充 首页与方向库桌面副业卡片每行4个，间距20px；视口1000px及以下2列，560px及以下1列。 ## 2026-10-13 分类电子报告与键帽交互 按钮采用轻微下沉的键帽反馈，分类导航借鉴文件夹页签。七类报告封面使用对应分类色背景与白色线稿；期刊仅在线按章阅读，当前没有已上架内容。报告下载入口不出现在正式站。 ## 2026-10-15 专属封面逐张确认规则 当前仅视频号 B002 的 B 版专属封面经用户确认，并授权替换网站。轮廓适度加粗，分类紫色集中在环灯正面的大面积物理表面；平台标识以灰色线稿自然融入屏幕。知乎、公众号须按这项后续标准重做并逐张确认，不属于已批准素材。后续确认的封面直接替换网站，其余继续小批预览。原图 `brand/illustrations/hairline/b002-video-channel-20261015-transparent.png`，发布映射以 registry 为准。 ### 透明背景交付要求（2026-10-15） 用户截图指出新 B002 白色画布与原有浅灰渐变图板不一致。专属物件图必须带真实 alpha：物件外空白、灯环中心和物件间隙透明，设备本身白色材料保留。禁止把不透明白底 PNG/WebP 直接发布到卡片中；不能用全图混合模式抹掉设备白色来代替正确抠图。发布前验证透明通道并在实际图板色上检查白边。 ### 全量专属封面制作登记（2026-10-15） 权威制作清单与状态位于 `brand/illustrations/cover-program/README.md` 和 `cover-register.json`：已登记314个有效条目，其中47个公开方向均有独立场景简报，另含本批B027公众号，其他草稿逐批补齐。登记、场景简报、候选图均不是批准；以逐张用户确认和registry实际映射分别标记。当前仅B002确认并上线，B001/B027新版透明候选待确认。平台标识嵌入物体且为线稿，同类项目必须通过场景轮廓与标识共同区分，不能只换Logo。 ### 2026-10-15 第二批确认与配置 用户在知乎/公众号透明新版展示后明确“可以，继续”，确认B001与B027封面。B001正式使用 `b001-zhihu-20261015-transparent`（125864字节）；B027配置 `b027-official-account-20261015-transparent`（124262字节）。两者原图位于brand/illustrations/hairline/，发布副本为同名WebP。B027内容仍是草稿，配置配图不改变内容发布状态。当前已确认三个方向B001/B002/B027，其中公开页面采用专属图的是B001/B002。小红书B009和YouTubeB010为下一批待确认样稿。此前“仅B002已确认”属于历史节点，以本条、cover-register与实际registry为准。 ### 2026-10-15 第三批确认与发布 用户在小红书及YouTube样稿展示后回复“可以，继续”，确认B009/B010专属封面。正式资产为 `b009-xiaohongshu-20261015-transparent`（143960字节）及 `b010-youtube-20261015-transparent`（132196字节），同名PNG母图归档于brand/illustrations/hairline/。当前5张已确认：B001/B002/B009/B010公开使用、B027配置但内容仍为草稿。之后B004摄影/B005短剧分销/B006线上卖课仍须逐张确认。历史仅1或3张已确认记录按时间追溯，最新状态以cover-register和registry为准。 ### 明确平台Logo的识别规则（用户补充，2026-10-15） 小红书、YouTube及其他有明确平台/品牌标识的具体副业，都必须先考虑真实Logo。获取官方来源参考，保留专有字形、图形组合和比例，再以灰色空心线稿自然嵌入屏幕、文章刊头或设备表面并跟随透视。不能只写普通字体的平台名字，也不能把通用播放按钮当作全部YouTube品牌识别。平台识别与分类色分别承担职责，分类紫色仍落在物件大表面，不能改成平台大色块背景；画布仍须透明。没有唯一平台的总览不强塞Logo。制作记录保存来源链接/参考图/检查状态，缩略检查平台能否辨认；生成式重绘不声称官方矢量完全一致。 ### 2026-10-15 平台Logo修订确认与发布 用户确认两张真实Logo线稿修订：小红书B009使用b009-xiaohongshu-logo-20261015-v2（149986字节），YouTube B010使用b010-youtube-logo-20261015-v2（140180字节）。分别保留官方字标结构/圆点、图形与YouTube字标组合，以灰色空心线稿嵌入原屏幕，真实透明。原图与正式WebP同名归档，v1保留历史；公开专属方向数量仍为4，B027仍配置草稿。B004/B005/B006候选尚未确认。 ### 2026-10-15 第四批确认与发布 用户确认B004摄影变现、B005短剧分销、B006线上卖课三张封面；正式资产分别为b004-photography-20261015（161950字节）、b005-short-drama-distribution-20261015（110574字节）、b006-online-course-20261015（128294字节）。同名PNG母图与透明WebP发布副本分别归档；累计8个方向确认，其中7个公开使用、B027配置草稿。B003自媒体总览/B007娱乐主播/B008个人IP为下一批待确认。 ### 2026-10-15 第五批确认与发布 用户确认B003自媒体总览、B007娱乐主播、B008个人IP三张封面；正式资产分别为b003-self-media-overview-20261015（111892字节）、b007-entertainment-live-20261015（182046字节）、b008-personal-ip-20261015（125822字节）。同名PNG母图与透明WebP发布副本分别归档；累计11个方向确认，其中10个公开使用、B027配置草稿。B040短剧总览/B043直播总览/B045写作总览为下一批待确认。 ### 2026-10-15 第六批确认与发布 用户确认B040短剧总览、B043直播总览、B045写作总览，正式资产分别为b040-short-drama-overview-20261015（134722字节）、b043-live-stream-overview-20261015（149166字节）、b045-writing-overview-20261015（111250字节）。累计14个方向确认，其中13公开使用，B027配置草稿。用户本轮调整后续为每批6张，仍需展示确认后设置网站。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次89张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/completed-covers-release-20261016。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次6张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-22-20261016。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次6张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-25-20261016。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次6张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-24-20261016。 ### 2026-10-16 导航图标修订（已确认上线） 主导航采用 Remix Icon 4.6.0 细线图标与文字：首页 home-5、方向 compass-3、榜单 bar-chart-horizontal、报告 file-chart、记录 book-open。桌面图标18px、图文间距7px；移动菜单图标22px，同步其余实用入口。颜色跟随文字与当前栏目状态，不使用分类彩色底块。装饰图标 aria-hidden，保留链接名称及键盘焦点轮廓。属于0.1.12界面修订。备份与防覆盖回滚：staging/nav-icons-20261016/release.py rollback，随后重启shift-web；不涉及业务数据。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次18张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-23-26-27-20261016。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次18张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-28-29-30-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次18张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-31-32-33-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次6张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-34-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次6张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-36-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次12张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-37-39-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次5张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-35-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次6张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-45-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次6张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-46-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次18张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-41-42-47-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次18张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-50-52-54-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次11张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-53-44-20261017。 ### 地方产业配图候选（2026-10-17，未发布） 延续白物面、灰细线、等距视角；以连贯的产业空间剖面区分方向封面的工具/行为场景。按编辑行业类别固定强调色：服装与针织服饰#9B80AC、服装辅料#C28C55、纺织面料#7299B5、家用纺织#BE8C82、口腔护理与日用品#5A9EA7。相同类别跨地方沿用；独立于行政圆点及方向分类色。六张v3母图/规范/映射见brand/illustrations/local-industries/，已经接入地方产业独立候选，最终整组视觉验收和正式发布待进行。v1全灰绿组已被取代。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次18张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-38-40-48-20261017。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次18张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。A016风格不合格未采用。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-51-43-49-20261018。 ### 2026-10-16 完成稿直接上线授权 用户明确“对于已经完成的，直接上线到网站上”，覆盖本次12张已完成且质量通过的封面；后续同标准完成稿可直接设置。真实透明、白物面灰线、分类大色面和平台标识规则继续生效。已通过本轮检查的新修订稿可替换历史失败稿。授权配图不构成草稿内容公开。发布记录、HTTP证据和防覆盖回滚位于staging/cover-batch-release-59-60-20261018。