关于这个模板
把 Digital Epoch 当作首屏规格书来读：这些数值在页面动手之前就先写下来了。配色是白色 #F9FAFB 打底、深蓝色 #0A152D 给文字、深蓝色 #0A1B33 承担强调色，字体用 Inter。交付形式是 React 和 Tailwind CSS，收录于 800x589，所以画幅在任何一行代码写下去之前就已经定好。写作时让它开着：能迁移到你页面上的，是那份 4,594 字符的简报。收录的提示词记录于 800x589，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 800x589 的画幅一直到最小的间距档。
适合谁
- 接手这版首屏的市场人员，会用字号从 12px 到 56px、12px 间距检查改稿有没有保住原来的尺度。
- 给要改写一版首屏、标题长度又得和Digital Epoch一样的内容负责人用。
- 这一版首屏服务的是要在会议室里向品牌负责人解释 #0A1B33 这个选择的市场团队。
包含哪些内容
- 链接只在一个断点收起. 字标、链接和 #0A1B33 操作共用一条基线，细导航条才不会被看成随手排的。链接比字标小一档，#0A1B33 操作是导航条上唯一有分量的元素。你自己的页面板块更多时，把它们归组，而不是把导航条拉宽。
- 没有一样是继承来的. 需求简报钉死字号从 12px 到 56px、12px 间距，其余交给摆放，这正好和一套会自己长大的比例相反。画幅比例和尺寸记在一起，重建时连比例也一起对。搬版式的时候把数值一起搬走。
- 卡片不描边. 栅格替你把阅读顺序排好了：每块面板分量相同、各讲一个观点，用 Inter 的小字号排，结构始终看得见。面板之间的间距是一个值，再密的栅格也不会显得挤。
- 一屏之内的结构. 首屏的排法是让文案先落地：层级由字体承担，800x589 的画幅撑住构图，其余数值保持安静。页面在 800x589 下就是一套完整构图，所以文案变了它依然立得住。
动效与交互
永不停下的那条长条
一条跑马灯穿过构图、无限循环，用 Inter 排。当前项用 #0A1B33 标记，而不是靠改字号。
交互限制在局部
只有控件响应指针（悬停态只给按钮和链接，而不是每张卡片），页面因此有反馈感，又没把每个元素都变成点击目标。按下态和悬停态一样写明，轻点一下和点击得到的确认是一样的。如果一个状态不能确认某个操作，就删掉。这份参考在 800x589 下收录。
这个首屏在论证什么
大多数创意机构页面都是因为做加法而失败：更多板块、更多渐变、更多主张。 Digital Epoch 走的是反方向。构图停留在白色 #F9FAFB上，只有操作用深蓝色 #0A1B33，这已经足够显得刻意。 Digital Epoch 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。
在 Digital Epoch 里先改什么
大多数人从强调色开始改。不如从主张开始：重写那行展示字，再在你的素材上重测深蓝色 #0A1B33。换一个品牌，整套画幅都能接着用。
把 Digital Epoch 当规格书读
固定尺度的代价是即兴空间更小。字号从 12px 到 56px、12px 间距让构图保持连贯，但新元素必须被装进去，而不是随手摆上去。这个首屏里没有任何一处依赖默认值。
常见问题
复制 Digital Epoch 的需求简报，我能拿到什么？
它是构建简报，不是感觉描述：写明 800x589 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
重建 Digital Epoch 必须用 React 和 Tailwind CSS 吗？
Digital Epoch 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Digital Epoch 能用在客户项目里吗？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 800x589 下收录。
