网页付费 已验证

联系栏主视觉界面组件

制作一个聚焦且响应式的主视觉区,让产品团队的邮件和电话联系方式清晰、可直接使用。适用于产品发布和小团队网站,无需搭建完整页面,也能呈现温暖、专业的第一印象。

你会得到

  • 一个可复用的响应式主视觉区
  • 清晰的标题和面向受众的简短说明
  • 分别使用有效邮件和电话链接的两个联系操作
  • 便于编辑的内容和无障碍交互状态

适合

  • 产品发布和创始人主导的业务
  • 需要亲切联系入口的小团队
  • 以快速沟通为主要目标的营销页面

不适合

  • 多区块营销网站或完整首页
  • 涉及敏感信息或依赖后端的表单流程

你需要提供

  • 项目名称和发布信息
  • 已核实的邮箱地址和电话号码

运行要求

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

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-contact-bar-hero-ui-block 为 Vela Foundry 制作一个紧凑、居中的联系主视觉,邀请产品构建者说明需求,并承诺在一个工作日内给出有用的下一步。标题使用“LET'S MAKE THE NEXT STEP CLEAR”,展示 [email protected] 和 +1 202 555 0148,并提供“Send an email”和“Call the team”两个联系选项。采用 Teal Line Exchange 风格。

后续提示词

  • 让邮件链接成为主要入口,电话链接作为次要操作;检查两个 href,且不要添加表单。
  • 将紧凑主视觉改为适合独立顾问的版本,沿用配色并保留两个可用的联系操作。

验证情况

已验证

render-checkpass4.0 / 523s

常见问题

联系操作如何生效?

邮件操作使用 mailto: 链接,电话操作使用 tel: 链接。上线前须将演示用的虚构联系方式替换为已核实的信息。

没有团队照片怎么办?

使用紧凑的文字构图,不要显示图片占位区,也不要用无关的图库照片替代。

相似技能

联系栏主视觉界面组件 · SkillLoom