Productivity App UI Mockup

{ "type": "移动应用 UI 原型", "device": "带有灵动岛的现代智能手机", "theme": "浅色模式，极简主义，\"primary: \"柔和蓝\" 点缀，柔和投影", "layout": { "header": { "profile": "女性的小型圆形头像", "greeting": "早上好，\"user: \"Alex\" ☀️", "subtitle": "让我们开启高效的一天。", "icon": "带有红点的通知铃铛" }, "hero_card": { "title": "今日焦点", "headline": "\"focus: \"启动营销活动\"", "description": "完成素材定稿，审核文案，并对齐发布计划。", "button": "继续任务", "graphic": "显示 75% 进度的圆形进度环" }, "sections": [ { "title": "接下来", "count": 1, "items": ["团队同步会 (10:00 AM - 11:00 AM)"] }, { "title": "提醒事项", "count": 2, "items": ["审核设计原型", "提交活动简报"] } ], "bottom_elements": { "ai_input": "带有闪烁图标和占位符的胶囊状文本框 '\"ai: \"询问你的'", "navigation_bar": { "count": 4, "tabs": ["首页", "任务", "助手", "个人资料"] } } } }