Möbius 是一所虚构的学校与学院，面向 5 到 25 岁的学生：初等部、中等部，以及在同一校园内授予学士和硕士学位的大学。我们在 2026 年 9 月 28 日为它搭建了网站，作为面向中小学、学院和大学的概念方案，属于首页是一颗由故事卡片组成的球体的沉浸式学校网站这一类型。

这个任务是我们给自己定的：做得比一本宣传册更多。学校网站既要打动新家庭，之后还要被留下来的学生、家长和老师每天使用，所以概念同时包含公开网站和登录后的个人账户。

名字和标志来自莫比乌斯带：只有一个面、一条边，没有尽头。标志由代码生成——一条 8 字形缎带，琥珀色的一面在左端翻转，回来时变成钴蓝色——ö（俄文中是 ё）上的两个点正是缎带的两种颜色。加载页一边统计已加载的文件，一边画出缎带的中心线。

首页上，40 张故事卡片沿着 three.js 构建的真实莫比乌斯带移动：同一条轨道绕环两圈，因此卡片在扭转处翻面。拖动可以旋转缎带，滚动会把它展开成一块无限画布，黑白照片在光标下变成彩色。“我是新家长 / 学院申请人……”和“正在浏览……”两个选择器会淡化其余内容，并把视图移到合适的故事。《我们是谁》页面以一部 52 秒短片开场，由 16 段 Mixkit 素材剪辑而成，按品牌色调色，英文和俄文字幕以文本形式叠加在视频上。

此外还有：带筛选和从学前班到硕士学习路径的课程页；带学费计算器、可导出到手机日历的参观日历和四步申请表的招生页；手绘风格的校园地图。My Möbius 是一个可操作的前端账户演示，包含三种角色：学生的一天、课表、作业、成绩和 AI 辅导；家长的成绩、账单、同意书、会面预约和校车实时位置；教师的考勤表和成绩册。全部内容提供英文和俄文，构建为可在任意目录运行的静态页面，这里位于 /demos/mobius/。

这个概念共有 14 个页面（每种语言 7 个）、40 张缎带卡片上的 31 个故事、16 个课程和账户演示中的 19 个界面。2026 年 9 月 28 日，我们在搭载 Apple M5 的 MacBook 上，用 ANGLE Metal 的无头 Chrome，以 1600 × 1000、Retina 缩放，通过 requestAnimationFrame 每次计数 3 秒，在缎带和画布上各测两次：中位数为 60 fps，最低读数为 59.7 fps。

首页加载的 JavaScript 经 gzip 后为 0.18 MB，含 three.js。整个构建为 17 MB，其中 13 MB 是两种格式（MP4 和 WebM）的短片；卡片上的照片是同一批素材中的画面。