用途:A8-single-pin-hero 是一种动态图形场景原型(motion-graphic scene archetype),用于在饱和背景上呈现单张倾斜的产品卡片、图钉或贴纸,并可选在卡片上叠加贴纸标签的“盖章”效果。
主要能力:组合了 hero 卡片的 pop-in 或 card-tilt-drift、标签贴纸的 sticker-chip-pop(tier-2),以及入场时的 bg-swap。布局上画布为 1080x1920(或由 pack 指定),卡片区域锚点居中略偏移,宽 600、高 780、圆角 28、带柔和投影,倾斜角 -6 到 +6 度;标签贴纸区域相对卡片定位,位于卡片下三分之一处,居中、小角度旋转、tier 为 2。
编排:phase_1_card_pop 从第 0 帧开始,效果 pop-in;phase_2_sticker_label 从第 12 帧开始,效果 sticker-chip-pop,延迟 12 帧;phase_3_optional_drift 从第 18 帧开始,效果 card-tilt-drift,漂移幅度 8px、周期 60 帧;phase_4_hold 从第 30 帧开始,持续至少 30 帧。
风格包兼容性:支持 SP-B、SP-E,优先用于 SP-B,与 SP-A、SP-C、SP-D、SP-F 不兼容。SP-B(pinterest-saturated)下卡片内容为真实 Pin(图片+标题+小署名),背景为轮换的饱和色块,标签贴纸为红底白字圆角矩形,默认倾斜 -5 度,settle 后有轻微横向漂移;SP-E(chaos-card)下卡片内容为任意产品图或场景,需要音乐节拍锚点,贴纸倾斜 ±6 度。
时长:1.8 到 2.5 秒,默认 2.0 秒。
质量检查:卡片必须有非零倾斜,不能轴对齐;标签贴纸需在卡片落定后至少 8 帧到达(双层节奏);卡片需有阴影以体现物理感;卡片不能铺满画布边缘,周围需留负空间。
失败模式:卡片像 Figma 导出(缺少倾斜或阴影,需补上);标签与卡片同时弹出(tier-2 延迟太小,需提升到 12+);card-tilt-drift 起始抖动(只能在 pop-in 完成后应用,即第 18 帧起)。