Education · Paper & Risograph
Flashcard App Design Template
Recall is a spaced-repetition flashcard app design with a paper-and-risograph look, built for anyone shipping a study or vocabulary product.



预览
探索各界面
预览 flashcard 移动应用设计,可在 Sleek 中完整编辑。
关于 Flashcard App
Recall is a flashcard app design template built on a Paper & Risograph aesthetic: a warm cream base, deep ink-charcoal text, and an alternating cobalt-and-coral duotone with mustard reserved for streaks and mastery. Every surface behaves like a physical object, with flat color-blocked rectangles, a 2px ink border, and a hard offset shadow that mimics screen-print misregistration. The result feels like a riso-printed zine of well-worn index cards.
The template ships six connected screens that form a complete study flow: a Library grid of deck cards with due-count badges and mastery bars, a Deck overview with a stats row and a bold "Start Review" block, a Study session built around the layered flip-deck where the back face inverts the duotone, a Card editor with front and back fields plus tags and an image slot, a Progress screen with a streak counter and study calendar, and a Stats screen with weekly review bars and per-deck mastery. The signature flip-deck stack and the Again/Hard/Good/Easy buttons make the spaced-repetition loop feel tactile.
Use it in Sleek and make it yours: restyle the 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.
内容概览
包含的界面
Library
A scrollable list of deck cards in alternating cobalt and coral blocks, each with a due-count badge, card total, and a mustard mastery bar. The home base for picking what to study.
Deck overview
A deck hero block with the title and card count, a stats row showing Due, Learning, and Mastered counts, and a large coral "Start Review" button. It frames the whole deck before a session.
Study session
The layered flip-deck centered on screen showing the front term, a "Tap to flip" prompt, a progress bar, and four spaced-repetition buttons: Again, Hard, Good, and Easy. This is the core review loop.
Card editor
Front-face and back-face text fields styled as two stacked paper cards, with tag chips and an image-attachment slot. The screen for building and editing cards.
Progress
A hero current-streak numeral, a contribution-style study calendar of filled mustard squares, and a retention-rate ring. It rewards consistency at a glance.
Stats
A weekly review-count bar chart in the cobalt-coral duotone and a Deck Mastery section with per-deck progress bars. It shows how study effort breaks down over time.
设计与功能
核心功能
- Paper & Risograph aesthetic: cream base, ink charcoal, cobalt-coral duotone
- Color-blocked cards with 2px ink borders and hard offset shadows
- Signature flip-deck stack with duotone-inverting back face
- Top segmented ink-bordered navigation across Library, Progress, and Stats
- Spaced-repetition Again/Hard/Good/Easy review buttons
- Mustard streak counter and contribution-style study calendar
- Per-deck mastery bars and weekly review bar chart
- Card editor with front/back fields, tag chips, and image attach
受众
适合谁
使用场景
你可以做什么
- Launch an MVP for a flashcard or spaced-repetition product
- Mock up screens for an investor or stakeholder pitch
- Hand a complete, consistent flashcard UI off to developers
- Explore a redesign of an existing study app
如何使用此模板
- 1
打开模板
浏览各界面并预览完整设计,看看是否契合你的想法。
- 2
使用此模板
一键在 Sleek 中打开你自己的完全可编辑副本。
- 3
用 AI 编辑
只需描述你想要的效果,就能重设配色、改布局、增删界面。
- 4
导出并上线
导出设计或交给开发者,继续推进上线。








