← 返回「369 · 内部复盘学习库」

官网改版方案

学 hermes-studio 的结构语法 · 穿 369 的皮肤 · 一套代码双端
2026.09 · DEMO 已出 · 内部复盘学习库
官网不是改皮肤,是改「结构语法」——她(hermes-studio)的口号/CTA/真实界面感值得学;她的黑底蓝光科技皮不能穿——369 是暖白金衬线,穿她的皮会丢魂。

一、学什么 / 不学什么

学(结构)不学(皮肤/规模)
✅ 一句口号定义产品❌ 黑底蓝光科技风
✅ Hero 放真实工具界面❌ 5人+ monorepo 工程全套
✅ 一个明确 CTA❌ 多 Agent 全家桶
✅ 一套响应式打电脑+手机❌ 原生双端开发

二、369 官网新结构(DEMO 已实现)

· 导航:ENLink 横向 LOGO(与现官网同款)+ 小恩/三层/工具/服务/学习库 + 汉堡菜单

· Hero 新口号:「你不是命不好,你是还没找到自己的频率坐标」 + 双 CTA(免费测底色/看工具)

· 三层视觉卡(147红源物 / 258金服务 / 369蓝认证)当 Hero 主视觉

· 小恩区块:「小恩 = 每一个更高版本的自己」 + 灵魂雕刻/网页用小恩入口(灵魂页文案)

· 频率工具四卡(八字/KIN/紫微/身份证·引擎直算)+ 全息服务 3-6-9 交付 + 学习库(师尊词条)

双端验证:同一份 HTML —— 电脑 1400px 三列展示 / 手机 390px 自动单列 + 汉堡菜单,均已截图验证。
文件:E:\369\369官网-响应式DEMO-v1.html
素材:369官网-DEMO-assets/(enlink-logo.svg · xiaoen3.png)

三、学习 soul-369 与 docs(官网已有核心,改版必须承载)

① 369 灵魂叙事(soul-369.html)——官网 Hero 应承载 369 自己的魂,不只小恩的:

369 = 宇宙的频率底层代码(40+体系=40+App,底层同一套代码)| 三生万物——"三"是生成不是计数 | 147落地/258连接/369完成 | 369给你三样东西:照见、调频、锚定 | 369是钥匙不是门——门后面是你自己

Hero 基调建议:从"认识自己"起手(369=认识自己),小恩作为"认识自己的那面镜子"承接——两层叙事一体。

② 官方文档体系(docs.html 目录)——立身文档,官网必须有入口:

文档路径
369灵魂 · 宇宙频率底层代码soul/soul-369.html
小恩灵魂 · 更高版本的自己soul/soul-xiaoen.html
今日频率(每天一条)today.html
关于 · 源宇宙(缘起行愿)yuanqi.html
369宪法 V1.0constitution.html
369体系总纲 V3.1framework.html
369边界与承诺 V1.0boundaries.html
369传承路径 V1.0path.html
改版动作:导航加「体系」(总纲/宪法/边界/传承)与「今日频率」;页脚加文档体系全链;Hero 用 369 灵魂叙事(照见·调频·锚定)承接小恩。

四、落地建议

1. DEMO 审过后接真内容(引擎/金字塔详情/发布禁止清单过一遍)

2. 部署 app.369.fyi(或 369.fyi 根目录改版)试线上

3. 后续做小恩对话台 DEMO(同一套响应式方案)

品牌口径待定:官网以 ENLink 为品牌壳、369 为内容体系(title 现为「ENLink · 源宇宙」)——已按 ENLink LOGO 修正 DEMO。