MOCK 原型 dudown 登录后 SaaS 控制台 · 中文 · 桌面优先 · 示意数据 ← 消费侧原型 · 调研文档中心

🖥️ 登录后控制台原型 · dudown SaaS

把调研 14/15/16/18/19 章的「freemium 监控 SaaS」落成可点击界面:注册登录 → 新手引导 → 监控/依赖/状态页/事件/告警 → 团队/计费/API/设置。中文产品 UI、桌面优先侧边栏仪表盘,与消费侧 7 屏原型互补。

🟢 信号色状态 up/deg/down 🧭 侧边栏控制台外壳 🤖 AI 自动发现 / 事件叙述 🔗 依赖监控 + 状态页回链 💳 freemium 定价(对齐16章)
17 屏全链路
从注册到付费的完整登录后体验

认证/引导为居中布局;其余为统一的侧边栏控制台外壳。点击任意屏进入。

认证与引导
📝
01 · 注册

Sign up

邮箱 + GitHub/Google OAuth;卖点「免费层永久可商用、50 监控、无需信用卡」。

🔑
02 · 登录

Log in

OAuth + 邮箱密码 + 记住我/忘记密码。

🚀
03 · 新手引导

Onboarding

步骤条:粘贴域名 → AI 自动发现端点 → 选告警渠道 → 完成。

监控核心
🏠
04 · 总览

Dashboard

KPI + 监控概览 + 依赖快照 + 近期事件 + 升级提示。

📈
05 · 监控列表

Monitors

表格 + 筛选 chips + 批量 + 用量;名称进详情。

📊
06 · 监控详情

Monitor detail

大状态 + 24h 延迟 + 90 天可用率 + 多地探测 + 响应日志 + 事件。

07 · 新建监控

New monitor

类型/URL/间隔/地区/断言/告警 + 实时预览。

🔔
08 · 告警与通知

Alerts

渠道(邮件/Slack/Webhook/SMS) + 告警规则 + 通知日志。

🔗
09 · 依赖监控

Dependencies

订阅第三方厂商状态 + 宕机告警;官方源为主+探测佐证。

状态页与事件
📃
10 · 状态页列表

Status pages

对外状态页卡片;免费带 Powered-by 回链。

🎨
11 · 状态页编辑器

Status page editor

左设置/右实时预览:组件/外观/域名/订阅者。

🚨
12 · 事件管理

Incidents

开/发布事件 + AI 起草叙述 + 时间线 + 复盘。

账户与计费
👥
13 · 团队

Team

成员/角色/席位 + 邀请。

⚙️
14 · 设置

Settings

资料/账户/通知偏好/危险区。

💳
15 · 计费与套餐

Billing

当前套餐 + 用量配额 + 发票 + 支付方式。

🔑
16 · API 与集成

API & integrations

密钥 + API 示例 + Slack/PagerDuty/Discord 集成。

17 · 升级/套餐对比

Upgrade

Free/Pro/Team 对比 + FAQ(对齐 16 章定价)。

⚠️ 这是设计原型(mock,含示意数据),非上线产品;无后端、按钮为示意。返回 消费侧原型 · 调研文档中心 · 16 章 MVP/定价 · 19 章 架构