用途:制作发布会风格的单文件幻灯片(keynote deck),把每一页当作舞台上的一个节拍,让最后一排观众也能读清。
主要能力:以 example.html 为骨架,包含固定 1920×1080 的 #stage 与 fit() 缩放函数;每页为带 data-screen-label 的 section.slide,只有一个带 .active;导航支持方向键、PageUp/PageDown、Space、Home/End、#/N 哈希路由及点击左右三分之一区域翻页,右下角计数胶囊、左下角按键提示;无外部 JS、无构建步骤,可在 file:// 沙箱 iframe 中打开。
设计约束:使用 :root 令牌 --stage #000000、--ink #FFFFFF、--muted #9B9B9B、--faint #5F5F5F、--line #2A2A2A、--bar-base #3A3A3A 及唯一字体栈;--accent 只能从 #FF6900、#1ED760、#2997FF 三选一,整份不可混用。招牌元素包括:每屏一个中心元素、320–460px 巨型数字配小写单位、240–300px 单字宣言加强调色句号、唯一允许的 .spotlight 径向渐变、顶部极淡 whisper 标签、强调色与基线灰的对比条、划线预期价加巨型价格的揭价页。布局须使用至少 5 种(cover、agenda、one-word、big-number、versus、quote、price、one-more-thing、closing),默认 10 页(8–11 页)。字号只有极小或极大两档,24px 到 64px 之间不使用;所有数字使用 tabular-nums。
用法:先确认主题、受众、页数、唯一强调色和 2–3 个主角数字;复制 example.html 并替换内容,不改设计、令牌与导航脚本,仅可更改 --accent 为三种许可值之一。内容必须使用用户真实文字与数字,缺失数据用 <!-- 待用户提供 --> 占位。
限制:不得引入规范外的颜色或字体,每页最多一个强调设备,不得使用照片、图标字体、阴影或圆角(计数胶囊除外);未提供具体收费、价格或平台支持信息。