SuperAPI AI 工具集

frame-bold-signal

设计与创作

查看项目

更新于 10-16 06:51

技能介绍

用途:章节或段落分隔、大胆的发布陈述、高冲击标题卡。视觉提炼自 frontend-slides 的 Bold Signal 预设(MIT,© Zara Zhang)。

画布与字体:1920×1080,暗底 #1a1a1a 加 135° 渐变(#1a1a1a → #2d2d2d → #1a1a1a)。display 用 Archivo Black 900,body 用 Space Grotesk 400/500/700。

时间轴(默认 4s):0.2s 左上巨大 section number(Archivo Black 96px,如 01/04,斜杠后半 opacity 0.3)从上方 rollIn;0.4s 起右上 nav breadcrumb 错峰淡入,active 项 #FF5722 橙 opacity 1,其余白 opacity 0.35;0.6s 橙色焦点卡(#FF5722,圆角 36px 仅左侧,占右约 1180px)从 translateX(110%) 滑入并带橙色柔影;1.15s 卡内 label(uppercase,letter-spacing 4px)fadeUp;1.3s 卡内大标题(Archivo Black 130px,深色 #1a1a1a on 橙)fadeUp;1.6s 左下 footer(橙色 tick 短条加 system 标签)淡入。

配色纪律:暗底灰阶加唯一强调色 #FF5722 橙(焦点卡、active nav、footer tick),可换成 coral 或 vibrant accent,但全片只用一个强调色;卡上文字用深色保证对比。

内容纪律:title 1-2 行且必须用真实标题,严禁 lorem ipsum;nav 面包屑反映真实章节结构,第一项 active;动效用 @keyframes,prefers-reduced-motion 下全部停在终态;单文件 HTML。

限制:资料未提供具体安装命令、依赖、收费或平台信息。