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.



Vorschau
Screens erkunden
Sehen Sie das flashcard-Mobile-App-Design in der Vorschau, vollständig editierbar in Sleek.
Über 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.
Was enthalten ist
Enthaltene Screens
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.
Design & Features
Wichtige Features
- 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
Zielgruppe
Für wen es ist
Anwendungsfälle
Was Sie bauen können
- 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
So nutzen Sie dieses Template
- 1
Template öffnen
Stöbern Sie in den Screens und sehen Sie das komplette Design in der Vorschau, um zu prüfen, ob es zu Ihrer Idee passt.
- 2
Dieses Template nutzen
Öffnen Sie mit einem Klick Ihre eigene, vollständig editierbare Kopie in Sleek.
- 3
Mit KI bearbeiten
Palette umstylen, Layouts ändern und Screens hinzufügen oder entfernen – einfach indem Sie beschreiben, was Sie wollen.
- 4
Exportieren und launchen
Exportieren Sie Ihr Design oder geben Sie es an Entwickler weiter, und bauen Sie weiter Richtung Launch.
Häufig gestellte Fragen
Verwandte Mobile-App-Templates
Beginnen Sie mit dem Design Ihrer flashcard-App
Nutzen Sie es in Sleek und machen Sie es zu Ihrem: Palette umstylen, jeden Screen mit KI bearbeiten und nach Code oder Figma exportieren.
Dieses Template nutzen







