网页付费 已验证

人像叠层客户评价

可复用的客户评价区块,以错位人像边框和暖奶油色引语面板搭配深青绿色底色。桌面端充分利用横向空间,移动端保持清晰的阅读顺序。

你会得到

  • 带人像叠层效果的响应式客户评价区块
  • 可编辑的引语、姓名、职位和图片内容
  • 便于访问的结构、人像替代文本建议和局部样式
  • 桌面端多列排布与移动端易读的单列布局

适合

  • 已有获准客户反馈的产品发布页
  • 已获准使用人像和精炼评价的营销网站
  • 需要可复用口碑展示区块的推广页面

不适合

  • 包含导航和多个页面区块的完整网站制作
  • 需要展示大量评价或未经整理的长篇客户故事

你需要提供

  • 两到三条已获准使用的评价及姓名和职位,或使用明确标注的虚构示例的许可
  • 获准使用的人像文件,或明确的占位图要求
  • 产品背景以及目标框架或集成限制

运行要求

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

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-portrait-overlay-testimonials-ui-block 为虚构的项目规划应用 Veloraft 的用户制作评价区块。标题为“Sample testimonials · Good work, remembered”。展示三条清晰标注的虚构示例评价。包含“We went from scattered updates to a weekly plan everyone could actually follow.”,并以“It is a small change that made our projects feel much more manageable.”结尾。采用深青绿人像叠印风格。

后续提示词

  • 突出重点评价,同时保持桌面端三条评价均清晰可见。
  • 检查 390、768 和 1280 像素宽度下的人像位置、文字换行和阅读顺序。
  • 将已标注的示例替换为这些获准使用的评价和人像路径。

验证情况

已验证

render-checkpass5.0 / 536s

常见问题

可以使用占位人像吗?

可以。须明确标注为待替换占位图,不要把生成图或图库人物说成真实客户。

区块应包含多少条评价?

使用两到三条。可以突出一条重点评价,但所有内容都应易于阅读。

人像叠层效果适用于手机吗?

适用。窄屏下应调整人像位置,避免遮挡引语和署名,并检查 390、768 和 1280 像素宽度。

相似技能