← 返回风格目录

内容排版风格 / Timeline Story

时间线叙事

滚动驱动的记忆系统——像走过一段人生,不是读仪表盘。个人历史与档案:购买记录、浏览/搜索历史、听歌观影、健康趋势、项目日记、年度回顾。

本页 token:底 #F7F3EA 面板 #FFFFFF 主字 #2C2A26 强调 #B4552D 圆角 10px / 标题 Noto Serif SC / 正文 Noto Serif SC / 动效:时间主轴一次描边生长

结构示意

38本年读完
11最长连胜(天)
4.2平均评分
3 月 / 峰值月读完 6 本,最长连胜 11 天
7 月 / 沉寂期只补完了 1 本随笔
11 月 / 回归科幻月:4 本长篇连读

页面骨架(官方定义,逐条落实)

  1. 01开场时间透镜:覆盖时段、总量、一个作故事钩子的记忆模式
  2. 02时间主轴:年/月/周是主导航,选中时段过滤全页模块
  3. 03章节面板:每个时段一个紧凑场景(最高频项/重复习惯/峰值/沉寂期)
  4. 04节奏条:热力图或堆叠条展示节奏,不做运营图表
  5. 05记忆抽屉:可搜索的条目浏览器,按章节过滤

组件词汇

.story-shell .time-lens .timeline-spine .chapter-panel .period-scrubber .rhythm-strip .memory-drawer

提示词在风格目录对应卡片中一键复制 / 主题由使用者确定,本页演示内容仅为排版示意。