Screens: navigation and Today

M1.10 screen designs. Sample content is illustrative and not reviewed for publication. See docs/design/screens.md for the full spec and copy tables.

Today

Goal, active card, due reviews and session entry (§4). Sample route: Japanese target with Spanish explanations, English interface. Sample content, not reviewed for publication.

Today

Japanese from Spanish · A1
3 of 5words today4 days in a row
Word for now · Daily lifeStage 1 · Learning
駅えき · ekila estación (de tren o metro)
6 reviews dueReviews come first in your session.
Start session2 of 5 free practices left today.
Today, iOS light. Goal ring 3 of 5, neutral streak, active card, due reviews, one primary action.

Today

Japanese from Spanish · A1
3 of 5words today4 days in a row
Word for now · Daily lifeStage 1 · Learning
駅えき · ekila estación (de tren o metro)
6 reviews dueReviews come first in your session.
Start session2 of 5 free practices left today.
Today, iOS dark.
Today
Japanese from Spanish · A1
3 of 5words today4 days in a row
Word for now · Daily lifeStage 1 · Learning
駅えき · ekila estación (de tren o metro)
6 reviews dueReviews come first in your session.
Start session2 of 5 free practices left today.
Today, Android. Material top app bar and navigation bar; same content and order.
ElementTokens and behavior
HeaderiOS large title typography.display, collapses to headline on scroll. Android top app bar title-3.
Route linesubhead, text.secondary. Names the target and explanation language in the interface language.
Goal ringgoal-ring.*, 80pt, 3pt stroke. Value uses counter (rounded, tabular). Accessibility label: “3 of 5 words today”.
Streakcalendar-check + text. Never flames, never loss wording.
Active cardcard.active on surface.accent. Term content.term; stage phase + label; speaker and save are 44pt icon buttons with labels.
Due reviewsList row, whole row is the hit target.
Primary actionbutton.primary in a bottom bar above the tabs; quota line below in footnote (free users only).

Today states

Loading, offline, error, empty and goal-reached.

Today

Start session
Loading. Skeletons in the final layout; static when reduce motion is on.

Today

Japanese from Spanish · A1
3 of 5words today4 days in a row
Word for now · Daily lifeStage 1 · Learning
駅えき · ekila estación (de tren o metro)
6 reviews dueReviews come first in your session.
Start session2 of 5 free practices left today.
Offline. Everything installed still works; the banner says so.

Today

Your progress could not be loaded.

Your learning data is safe on this device. Try again. If this keeps happening, restart the app.Try again
Error. Storage could not be read. Recovery action, reassurance about data.

Today

Japanese from Spanish · A1
5 of 5Goal reached for today.4 days in a row

You have seen every A1 word in this language.

No reviews are due right now. You can review words you already know, or choose the next level.
Review known wordsChoose level
Empty (pack exhausted). Offers existing-card review instead of repeating or inventing content (§5).

Today

Japanese from Spanish · A1
0 of 5words today
Word for now · Daily lifeStage 1 · Learning
駅えき · ekila estación (de tren o metro)
6 reviews dueReviews come first in your session.
Start session2 of 5 free practices left today.
First day. No streak line until the first goal is reached (decision 0008): a zero streak reads as failure.

Today

Japanese from Spanish · A1
5 of 5Goal reached for today.5 days in a row
Word for now · Daily lifeStage 1 · Learning
駅えき · ekila estación (de tren o metro)
6 reviews dueReviews come first in your session.
Start session2 of 5 free practices left today.
Goal reached. Ring switches to goal-ring.complete and the caption says so in words.

Today: RTL and 200% text

RTL interface with mixed-direction content, and the largest supported text size.

اليوم

الإسبانية من العربية · A1
٣ من ٥كلمات اليوم٤ أيام متتالية
كلمة الآن · الحياة اليوميةالمرحلة ١ · قيد التعلم
la bibliotecaالمكتبة (مكان للقراءة واستعارة الكتب)
٦ مراجعات مستحقةالمراجعات تأتي أولًا في الجلسة.
ابدأ الجلسة
RTL, Arabic interface. Layout mirrors via dir; the Spanish term stays LTR inside a bidi-isolated span. Arabic strings are layout samples pending a reviewed catalog.

Today

Japanese from Spanish · A1
3 of 5words today4 days in a row
Word for now · Daily lifeStage 1 · Learning
駅えき · ekila estación (de tren o metro)
6 reviews dueReviews come first in your session.
Start session2 of 5 free practices left today.
200% text. Everything wraps and grows; the screen scrolls; nothing truncates. Icon buttons keep 44pt and grow with text.