SITES · 健康与生活

现代牙科诊所视频首屏提示词

医疗首屏需要在几秒内回答服务是什么、适合谁以及如何预约。这个方案使用平静蓝色视频作为背景，但把诊所信息和行动按钮放在独立内容层，防止影像抢走可读性。它适合牙科、诊所、健康服务或专业护理机构。

去素材库复制完整提示词浏览同类方案

现代牙科诊所视频首屏提示词的完整页面视觉预览 — 素材预览：用于判断视觉方向与页面结构，不代表虚构客户项目。

适用场景

这套方案适合什么项目

牙科诊所、医美或专业护理机构首页
拥有真实环境视频并希望建立安心感的服务品牌
需要把预约入口放在移动端首屏的医疗页面

推荐工具

实现工具与技术边界

React
Tailwind CSS
Lucide React
HTML5 Video

DESIGN DECISIONS

真正决定结果的设计取舍

01
使用蓝色静态背景作为视频加载失败的后备
02
视频自动播放时必须静音并允许内联播放
03
文字区加入对比保护而不是覆盖整张暗色蒙层
04
预约按钮和服务范围保持在安全区域内

PUBLIC PROMPT EXCERPT

公开提示词片段

这段内容只公开核心方向，足够判断提示词是否具体。组件清单、细节参数、响应式规则与完整验收要求继续由会员权限保护。

Build a full-screen dental clinic hero using React, Tailwind CSS and Lucide icons. Place a muted looping video behind the content, use a calm blue fallback background, and keep service information plus the appointment action readable.

登录会员后复制完整提示词

预期结果

完成后应该得到什么

页面应当先建立安心和专业感，再展示空间与人员影像。即使浏览器禁止自动播放，用户仍能看到完整的诊所名称、服务说明和预约按钮。

验收清单

生成后不要跳过这些检查

禁用自动播放后仍显示蓝色后备画面
文字对比度不依赖视频某一帧
预约按钮触控高度至少 44px