网页付费 已验证

紧凑型用户评价网格界面组件

用于产品发布页和营销活动页面的可复用用户评价区块,以青绿色画布承载紧凑的编辑式网格。奶油色卡片、清晰署名和克制的陶土色强调,让客户反馈更容易快速浏览,且不附加页面框架。

你会得到

  • 响应式的两到三张用户评价卡片
  • 青绿色画布上的奶油色评价卡片
  • 清晰的引语层级与低调署名信息
  • 克制的网格纹理与陶土色点缀
  • 适合简洁且具体客户反馈的文案指导

适合

  • 需要快速建立信任的产品发布页
  • 只有少量优质客户评价的创始人网站
  • 访客需要在几秒内扫读可信度的活动落地页

不适合

  • 包含详细指标和时间线的完整客户案例
  • 带筛选、评分或审核流程的评价数据库
  • 需要客户肖像照片的视觉型评价墙

你需要提供

  • 两到三条简洁的客户评价
  • 每条评价对应的姓名与职位
  • 区块标题和可选的辅助说明

运行要求

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

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-compact-testimonial-grid-ui-block 为一款面向团队和独立顾问的虚构工作流工具制作用户评价区块。标题为 "Proof that earns a closer look",展示 Mara Ellis(Studio lead)、Jon Bell(Operations manager)和 Nia Cole(Independent consultant)的工作流评价。使用青绿色画布、奶油色卡片、少量陶土色点缀,圆角不超过 8px。

后续提示词

  • 将每条评价缩短为一个有力结果,同时保留不同说话者的语气差异。
  • 在不添加照片或渐变的前提下,让奶油色评价卡片更具编辑感。
  • 将这个区块改造成适合个人创始人页面的版本,只保留两条评价和更安静的转化提示。

验证情况

已验证

render-checkpass5.0 / 537s

常见问题

这个区块适合放几条评价?

建议使用两到三条。两条更聚焦,三条能带来更好的网格节奏,同时不会变成评价档案列表。

可以放更长的客户故事吗?

应将可见引语保持简洁,并把更长的内容放入独立案例区块。布局仍须容纳比示例多一行的引语。

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

可以。设计通过字体、引号、分隔线和署名层级建立清晰结构,因此照片是可选项。

相似技能

紧凑型用户评价网格界面组件 · SkillLoom