Book Summaries App Design Template
BooksListen is a book summaries app design with a soft-blush palette and serif headlines, built for founders shipping a microlearning or read-and-listen product.
探索各界面
预览 book summaries 移动应用设计，可在 Sleek 中完整编辑。
关于 Book Summaries App
BooksListen is a book summaries app design template built around a warm blush-pink canvas, an editorial serif for headlines, and a single confident blue reserved for actions and progress. White rounded cards float above the soft background, and the cover-art tiles and color-blocked collection chips give the interface a calm, reading-room feel rather than a noisy feed.
The template ships six connected screens that form a complete summary flow: a personalised "For You" home with a reading streak and weekly-growth stats, a book detail page with rating, reading time, and insights count, an audio player with chapter progress and skip controls, an Explore screen with search and curated collections, a Library split into Saved, In Progress, and Finished, and a Profile with reading stats and account settings. Dual "Read Now" and "Listen" actions on the detail page make it clear that every title works as text or audio.
Use it in Sleek and make it yours: restyle the blush palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
包含的界面
For You
A personalised home led by a streak counter and a weekly-growth panel tracking points, minutes, and ideas, with a "Your Daily Mission" call-out, category shortcuts, and curated bestseller summaries.
Explore
A search bar over filterable category pills and color-blocked curated collections like Morning Routine and Deep Work, with a trending summaries list below. The discovery surface for finding new titles.
Book Detail
A floating cover card with rating, reading time, and insights count, a short summary, and twin "Read Now" and "Listen" actions so the user picks text or audio at a glance.
Audio Player
A chapter-by-chapter listening view with a top progress bar, scrubber, playback speed, and 10-second skip controls around a large play button. Turns any summary into a hands-free session.
Library
A saved-books shelf split into Saved, In Progress, and Finished tabs, each title showing cover art, author, read time, and a "Start Reading" button. The user's personal reading queue.
Profile
An avatar header with books-read, total minutes, and streak stats, plus account settings rows for Notifications, Subscription, and Privacy.
核心功能
- Soft blush canvas with a single blue action accent
- Editorial serif headlines paired with a rounded sans body
- Floating white cards over color-blocked collection chips
- Reading streak and weekly-growth tracking on the home screen
- Dual Read Now and Listen actions on every summary
- Audio player with chapter progress, speed, and skip controls
- Library tabs for Saved, In Progress, and Finished
- Profile stats for books read, minutes, and streak
适合谁
你可以做什么
- Launch an MVP for a book summaries subscription app
- Mock up screens for an investor or stakeholder pitch
- Hand a complete, consistent UI off to developers
- Explore a redesign of an existing reading or audio app
如何使用此模板
- 1
打开模板
浏览各界面并预览完整设计，看看是否契合你的想法。
- 2
使用此模板
一键在 Sleek 中打开你自己的完全可编辑副本。
- 3
用 AI 编辑
只需描述你想要的效果，就能重设配色、改布局、增删界面。
- 4
导出并上线
导出设计或交给开发者，继续推进上线。
有问必答。 开始之前你需要了解的一切。
How do I build a book summaries app from this template?
What screens are included in this book summaries app design template?
Can I customize the book summaries app UI design?
Does the template support both reading and listening?
Is this book summaries app design template free to use?
Can I export the design to code or Figma?
还有其他问题？请发邮件至 support@sleek.design。
开始设计你的 book summaries 应用
在 Sleek 中使用并改成你的：重设配色、用 AI 编辑任意界面，再导出为代码或 Figma。