息 · Stillness — 冥想 App

完整原型 · iPhone 375pt 基准 · 共 8 屏 · Tailwind CSS 实现(未使用任何 style 样式表,仅保留设备外壳 CSS)

场景设定:睡前难入睡、白天注意力涣散、通勤焦虑的都市用户。产品规划把「开始练习的门槛」压到最低—— 打开即是「今晚想做什么」的场景选择,冥想、呼吸、睡眠故事三类内容各自独立成入口,并与穿戴 / 系统健康数据打通。

场景化首页 播放器与呼吸动效 睡眠故事与定时 数据与连续坚持
21:40

息

每天 10 分钟,
把注意力还给自己。

睡前故事,替你关掉脑子
4-7-8 呼吸,随时平复
与健康数据同步的练习记录

先试听 3 节,不需要注册

01 欢迎 · 低门槛与三条价值线

21:40

晚上好,Iris

今晚想做什么?

减压冥想

5 - 20 分钟

呼吸练习

3 - 8 分钟

睡眠故事

20 - 45 分钟

身体扫描

10 分钟

为你推荐

全部 ›
根据你的睡眠数据

雨后的森林小屋

睡前故事 · 32 分钟 · 男声 · 含雨声底噪

继续练习

最近

4-7-8 呼吸

首页
探索
统计
我的

02 首页 · 场景化四入口 + 个性化推荐

22:05

睡前故事 · 32 分钟

剩余

24:18

雨后的森林小屋

第 2 章 · 松针上的水滴

07:42 -24:18
15s
30s
背景雨声
睡眠定时
收藏

03 播放中 · 呼吸圆环进度 + 后台音轨

21:40

探索

搜索课程、老师或场景
全部 入门 专注 睡眠
7 天入门计划

从 3 分钟开始

每天一节,第 1 天

分类

38 门课

减压冥想

12 门 · 5-20 分钟

呼吸练习

9 门 · 3-8 分钟

睡眠故事

11 门 · 20-45 分钟

身体扫描

6 门 · 10-30 分钟

热门讲师

林觉

正念减压

周雨

睡眠引导

陈默

呼吸训练

首页
探索
统计
我的

04 探索 · 入门计划 / 分类 / 讲师

21:48

4-7-8 呼吸 · 第 3 轮 / 共 6 轮

吸气

4

用鼻子缓慢吸气

吸气 4s
屏息 7s
呼气 8s

3

已完成轮数

57s

本轮用时

62

心率 bpm

05 呼吸练习 · 4-7-8 节奏引导与心率联动

22:35

准备入睡

目标 23:00 前睡 · 还剩 25 分钟

睡眠定时45 分钟后自动停止
15 分钟30456090
故事 白噪音 自然声

今夜推荐 · 深夜列车

女声 · 38 分钟 · 含车厢白噪音

睡前清单

把手机放到床头外
房间温度调到 20-22°C
做一次 4-7-8 呼吸

昨晚你 23:52 入睡,今天做了 3 轮呼吸,入睡快了 11 分钟。

06 睡眠 · 定时 / 睡前清单 / 入睡反馈

21:40

练习统计

本周 ›

本周练习

96 分钟 18 分钟
一二三四五六日

12

连续天数

28

本月次数

86%

目标达成

里程碑

连续 7 天

已完成 · 10 月 6 日

累计 1000 分钟

还差 64 分钟

94%

你的练习集中在 22:00 - 23:00,与入睡时间高度重合。坚持这一时段的人,平均入睡时间提前 14 分钟。

首页
探索
统计
我的

07 统计 · 周趋势 / 里程碑 / 行为洞察

21:40

我的

Iris

已练习 128 天 · 加入 1 年

会员有效期至 2027-03-12

已解锁全部 38 门课程与离线下载

离线下载 6 节 · 214 MB
练习历史
提醒设置 每天 22:30
与「健康」同步 已连接
耳机与音频偏好

睡眠提醒

自动播放下一节

息 · Stillness v1.0 · 原型仅用于设计与开发参考

首页
探索
统计
我的

08 我的 · 会员 / 离线 / 健康同步