网页付费 已验证

环绕头像客户评价

一个温暖中性的客户评价界面组件,以带边框的核心引语、环绕头像和克制的青绿色交互提示为重点。它适合发布页和营销活动页,让社会证明更有记忆点,同时保持易读、可编辑并适配响应式布局。

你会得到

  • 一个带边框核心引语的响应式客户评价区块
  • 三个可切换并沿轨道排列的客户头像标记
  • 奶油色、陶土色、炭黑色与青绿色的视觉令牌
  • 适合姓名、职位和成果的简洁署名结构
  • 减弱动效与移动端降级方案

适合

  • 需要在转化节点附近建立亲和力的产品发布页
  • 希望客户声音更真实可信的创始人网站
  • 需要动效但不想使用繁忙轮播的营销活动视觉

不适合

  • 包含大量指标和媒体内容的长篇客户案例
  • 需要搜索、评分、排序或几十条评价的评价墙

你需要提供

  • 两到三条经过编辑的客户评价、姓名和职位
  • 客户头像图片,或虚构占位头像的明确方向
  • 页面场景、转化目标和主要行动按钮

运行要求

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

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-orbiting-portrait-testimonials-ui-block 为正在评估 Fieldnote Flow 的团队创建响应式客户评价区块,展示三条客户评价、姓名和职位。标题使用“Proof that stays close to the people”。将成果最突出的评价放在奶油色边框面板中,周围环绕三个暖色头像标记;采用炭黑文字、青绿色当前状态和陶土色元数据,并支持键盘选择和减弱动态效果。

后续提示词

  • 让当前评价突出可量化的发布成果,同时保持环绕轨道安静、克制且有编辑感。
  • 为窄屏移动端调整区块,让头像标记变成紧凑的可选择横向列表。
  • 在保留温暖中性配色的同时,提高次要文字的对比度和无障碍表现。

验证情况

已验证

render-checkpass4.0 / 575s

常见问题

没有动画时,环绕效果还能使用吗?

可以。布局提供静态方案,将头像标记固定在框架周围,并保持当前评价清晰。对于偏好减弱动效的用户,内容和交互保持不变,只停止持续运动。

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

三条是最稳妥的默认值:一条当前评价,加两条环绕备选。只有在每条评价都简短且表达不同重点时,才建议增加到四或五条。

它能代替真实客户摄影吗?

不能。它提供的是客户头像的艺术指导和布局系统。占位头像应在发布前替换为已获授权的客户图片或明确标注的虚构图片。

相似技能

环绕头像客户评价 · SkillLoom