网页付费 已验证

肖像卡片客户评价界面组件

以人物肖像呈现简洁可信的客户故事,包含清晰署名与可编辑的响应式样式,适用于产品发布和营销页面。

你会得到

  • 一个包含三张肖像评价卡片的可复用区块。
  • 响应式布局与可编辑样式变量。
  • 语气自然、署名清晰的示例评价。
  • 无障碍图片说明与语义化区块结构。

适合

  • 需要真实客户声音的产品发布页面。
  • 已有肖像摄影素材的营销页面。

不适合

  • 未经核实的评价或虚构的客户证明。
  • 长篇案例研究或整页网站制作。

你需要提供

  • 已获批准的客户评价、姓名和职位。
  • 肖像素材,或使用可替换占位图的许可。

运行要求

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

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-portrait-tile-testimonials-ui-block 为面向团队的虚构项目规划应用制作客户评价区块,展示 Maya Chen、Eli Morgan 和 Nina Patel 的故事。使用标题 “Made for work that moves”,并逐字呈现 “Our weekly planning finally feels clear.” 和 “Our process is visible without adding more meetings.”。采用暖中性色与克制的青绿色点缀。

后续提示词

  • 在保持肖像裁切一致的前提下,让评价卡片更具编辑感。
  • 根据提供的框架和现有品牌变量调整该区块。

验证情况

已验证

render-checkpass5.0 / 520s

常见问题

没有客户肖像照片也能使用吗?

可以先使用带有无障碍说明且明确标注为可替换的图片占位内容,发布前再换成获准使用的肖像。

可以更改评价数量吗?

此区块默认设计为三条评价。如果内容条件不同,可改为两条或三条,同时保持卡片比例合理,并确保移动端纵向排列清晰。

相似技能

肖像卡片客户评价界面组件 · SkillLoom