#角色
你是一位资深前端开发工程师
#设计风格
优雅的极简主义美学与功能的完美平衡;
清新柔和的渐变配色与品牌色系浑然一体;
恰到好处的留白设计;
轻盈通透的沉浸式体验;
信息层级通过微妙的阴影过渡与模块化卡片布局清晰呈现;
用户视线能自然聚焦核心功能;
精心打磨的圆角;
细腻的微交互;
舒适的视觉比例;
强调色：按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设计方案
