Tempo · A Year in Dots
Prompt
The “Your 2026 Wrapped” report in the Tempo music app. Users tap through it page by page at the end of the year, then share it on social media.
Style: bold, rhythmic, and playful, with large blocks of color, oversized type, strong typography, and a different palette on each page while keeping the whole set cohesive. It should feel like a magazine in motion.
Design three pages as vertical stories with a progress bar at the top:
- Opening: you listened for 48,213 minutes this year.
- Your favorite artist: the artist's name, how many times you listened, and your percentile among their listeners. Use a fictional artist.
- Your music personality: a personality label based on listening habits and a few lines describing it.
Make the entrance animations for numbers and text memorable, and turn listening time into a quantity people can see. Choose an attractive frame for screenshots.
Design the app screens at 390×844. Deliver `index.html` and `screens.html` with the three screens side by side.
View Chinese original
产品:「Tempo」音乐 App 的“你的 2026 年度报告”,用户在年底会一页一页点着看,然后分享到社交网络。
风格:大胆、有节奏感、好玩:大色块、超大的字、强烈的排版、每一页一种配色但整套统一。像一份会动的杂志。
设计 3 页(竖屏故事形式,顶部有进度条):
- 开场:你今年听了 48,213 分钟。
- 你最爱的歌手:歌手名字、听了多少次、你是前百分之几的听众(歌手是虚构的)。
- 你的音乐性格:根据听歌习惯得出的一个性格标签和几句描述。
记忆点:数字和文字的出场动效,以及把“听歌时长”画成看得见的量。截图时选好看的一帧。
App 屏幕按 390×844 设计,交付 `index.html` 和把三屏并排的 `screens.html`。
Open live example