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

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

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

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

免费而伟大的插件——MemeRadar，正式上线！
让你在GMGN、OKX、AVE可以10秒快速的分辨一个代币的优劣，秒杀市面目前所有产品，并且【免费】！
安装链接：
https://chromewebstore.google.com/detail/memeradar/nhildbfbblldjpmlhopajgbcfjcepcoe?authuser=2&hl=zh-CN

支持平台：
我们目前支持GMGN、OKX、AVE市面上三大主流Dex，用户可以在Dex界面上一眼看到相关数据。

目前数据功能：
1、DEV发盘：
展示DEV历史发盘数据，快速规避流水发盘DEV
2、推特数据：
a.改名次数：展示推特改名改名次数
b.推特大V关注：展示推特KOL关注数量，快速判断推特质量
3、AI叙事：
根据该币目前市面上的讨论进行AI叙事总结，帮助你快速了解代币叙事
4、KOL交易分析：
可以查看目前市面上400余名KOL关于该币的买入与持仓情况
5、知名社区讨论热度：
可以查看该代币在5个华语圈知名一级社区的讨论热度
6、市场热门信号Call
支持目前市面上8个热门信号，可以查看信号是否预警了该币，从信号预警数量判断代币热度。
7、TG群喊单情况
支持查看全网300+tg喊单频道关于该币的喊单次数及详情。

免费获取激活码进TG群：https://t.me/+7TMSTJnO4Fw4ZDQ1