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
عدّل بالذكاء الاصطناعي
أعد تنسيق لوحة الألوان، وغيّر التخطيطات، وأضف أو أزل شاشات بمجرد وصف ما تريد.
- 4
صدّر وانطلق
صدّر تصميمك أو سلّمه للمطوّرين، وواصل البناء نحو الإطلاق.
الأسئلة الشائعة
قوالب تطبيقات جوال ذات صلة
ابدأ بتصميم تطبيق flashcard
استخدمه في Sleek واجعله خاصاً بك: أعد تنسيق لوحة الألوان، وعدّل أي شاشة بالذكاء الاصطناعي، وصدّر إلى كود أو Figma.
استخدم هذا القالب







