网页付费 已验证

肖像切换式客户评价组件

可复用的营销客户评价区块,包含可切换的肖像、编辑感字体与暖中性色表面,并以青绿色作为交互强调。适用于需要以精致、可直接嵌入页面的方式展示客户认可的产品发布页和推广页。

你会得到

  • 一个响应式客户评价区块,可切换两到三条客户故事
  • 带有选中、悬停、键盘焦点及无障碍状态的肖像控件
  • 克制的圆点背景、暖象牙色评价面板与青绿色交互强调
  • 易于替换的文案与肖像资源,且不依赖外部字体

适合

  • 包含已获批准客户评价的产品发布页或推广页
  • 需要添加聚焦、可复用口碑区块的现有网站

不适合

  • 包含导航和页脚的完整营销网站
  • 未经核实的客户故事或生成式背书

你需要提供

  • 已获批准的评价原文、姓名与职位
  • 肖像素材,或用于可替换占位肖像的设计说明

运行要求

  • A modern browser
  • Node.js 20+ for the validator

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-portrait-switcher-testimonials-ui-block 为正在了解团队协作工作区的人制作客户评价区块,标题为“Stories from the people who use it”,展示 Maya Chen、Jonah Reed 和 Elena Park 的姓名、职位与三条评价。首条:“We finally have a simple way to keep every launch detail in view.” 末条:“We spend less time chasing updates and more time shaping the campaign.” 采用暖中性的 Clay Dot Portraits 风格。

后续提示词

  • 将肖像切换控件缩紧,以适配较窄的手机栏宽。
  • 将装饰性圆点动效改为静态图案,同时保留青绿色选中状态。
  • 根据这些已批准的评价和肖像素材调整区块。

验证情况

已验证

render-checkpass5.0 / 527s

常见问题

可以少于三条评价吗?

可以。组件支持两到三条评价,并应根据实际数量保持切换控件布局协调。

肖像可以先用占位图吗?

可以。正式肖像就绪前,可使用明确标记为可替换的本地占位图;不得将占位图暗示为真实客户。

关闭动效后组件还能使用吗?

可以。评价切换由用户操作,装饰性动效必须遵循减少动态效果的系统偏好。

相似技能

肖像切换式客户评价组件 · SkillLoom