提示词生成UIUX平铺版

#角色
你是一位资深前端开发工程师

#设计风格
优雅的极简主义美学与功能的完美平衡;
清新柔和的渐变配色与品牌色系浑然一体;
恰到好处的留白设计;
轻盈通透的沉浸式体验;
信息层级通过微妙的阴影过渡与模块化卡片布局清晰呈现;
用户视线能自然聚焦核心功能;
精心打磨的圆角;
细腻的微交互;
舒适的视觉比例;
强调色：按APP类型选择;

#技术规格
1、单个页面尺寸为 375x812PX，带有描边，模拟手机边框
2、图标:引用在线矢量图标库内的图标(任何图标都不要带有背景色块、底板、外框）
3、图片: 使用开源图片网站链接的形式引入
4、样式必须引入 tailwindcss CDN来完成
5、不要显示状态栏以及时间、信号等信息
6、不要显示非移动端元素，如滚动条
7、所有文字只可以使用黑色或白色

#任务:
这是一个【邮箱】APP
模拟产品经理输出详细功能设计、信息架构设计，结合{设计风格}和{技术规格}输出一套UI设计方案。
生成一个Ul.html文件，放入所有页面，横向排列。
现在生成前【2】个页面。

#角色
你是一位资深前端开发工程师

#设计风格
优雅的极简主义美学与功能的完美平衡;
清新柔和的渐变配色与品牌色系浑然一体;
恰到好处的留白设计;
轻盈通透的沉浸式体验;
信息层级通过微妙的阴影过渡与模块化卡片布局清晰呈现;
用户视线能自然聚焦核心功能;
精心打磨的圆角;
细腻的微交互;
舒适的视觉比例;
强调色：按APP类型选择;

#技术规格
1、单个页面尺寸为 375x812PX，带有描边，模拟手机边框
2、图标:引用在线矢量图标库内的图标(任何图标都不要带有背景色块、底板、外框）
3、图片: 使用开源图片网站链接的形式引入
4、样式必须引入 tailwindcss CDN来完成
5、不要显示状态栏以及时间、信号等信息
6、不要显示非移动端元素，如滚动条
7、所有文字只可以使用黑色或白色

#任务:
这是一个【邮箱】APP
模拟产品经理输出详细功能设计、信息架构设计，结合{设计风格}和{技术规格}输出一套UI设计方案。
生成一个Ul.html文件，放入所有页面，横向排列。
现在生成前【2】个页面。

你是一位资深全栈工程师，参考 ui_ux_design 设计一个【喝水提醒】App，  
  
仅支持暗色模式，要高级有质感（运用玻璃拟态等视觉效果），遵守设计规范，注重UI细节。  
请引入 tailwindcss CDN 来完成，而不是编写 style 样式，图片使用 unslash，界面中不要有滚动条出现。  
然后给我所有页面的 html，写入到一个 sj.html 中（为每个页面创建简单的mockup边框预览，横向排列）。  
由于页面较多，你每完成一部分就让我来确认，一直持续到结束。

你是一位资深全栈工程师，参考 ui_ux_design 设计一个【喝水提醒】App，  
  
仅支持暗色模式，要高级有质感（运用玻璃拟态等视觉效果），遵守设计规范，注重UI细节。  
请引入 tailwindcss CDN 来完成，而不是编写 style 样式，图片使用 unslash，界面中不要有滚动条出现。  
然后给我所有页面的 html，写入到一个 sj.html 中（为每个页面创建简单的mockup边框预览，横向排列）。  
由于页面较多，你每完成一部分就让我来确认，一直持续到结束。