F&I Studio 网站：从静态页面到共用平台

工作室有了独立入口——studio.foundersdubai.biz。这里需要解释我与 Andrey 的共同工作：帮助把想法和产品问题推进到设计、开发及发布。

先拆出已经完成的设计

第一步很实际。设计已经存在于 Founders & Investors 项目中。我把工作室网站拆到独立仓库，保留设计并准备单独上线。第一版由 HTML、CSS 和普通 JavaScript 组成，Golos 字体在本地加载。

这个阶段，我检查的不只是首屏。俄语和英语版、分区导航、手机菜单，以及通往项目讨论的路径都要可用。网站在窄屏上也应清楚可读，菜单应按预期关闭。

下面是工作室公开网站的本地副本，保留俄语版本真实的构图、字体和界面。演示中禁用了外部跳转。

Founders Dubai Studio 首页

归档界面 · 演示数据

两个网站，一个编辑平台

2026 年 10 月 7 日，静态版本在独立子域名上线。同一天，工作室和俱乐部网站被迁入 Astro 与 EmDash 共用平台。外观上仍是两个网站，各有任务、页面和地址；共享的是技术基础与内容管理。

旧静态仓库作为设计源文件和回退途径保存下来，因此项目历史有两套技术栈。HTML、CSS 和 JavaScript 属于首次发布；Astro 与 EmDash 属于下一阶段。这是工作顺序，而不是对同一次发布的两种矛盾描述。

此屏幕打开作品部分，可以查看项目实例如何与工作室方法关联。这是公开网站界面，不是后台。

工作室作品与方法

归档界面 · 演示数据

这个案例展示什么

这里重要的是从界面到可访问地址的整个过程。拆分项目、保留设计、接入编辑系统、确认一个网站不会改动另一个——漂亮截图很难体现这些工作，但它们让网站可以继续发展。

案例日期对应 10 月 7 日首次上线，之后静态版本与俱乐部共用平台。本篇讲网站实现；我与 Andrey 的合作及工作室方向另文介绍。

本文日期对应首次确认上线的 10 月 7 日，不代表全部工作只花一天：设计准备更早开始，平台也在发布后继续发展。打开工作室网站。

相关故事：工作室与共同工作 · Founders Dubai 社区网站。