Screens: navigation and Today

Navigation

Four native tabs (icon + label, Phosphor fill for the selected tab), native stacks inside each tab, and modals for Session, Playback and Paywall. Both platforms have the same destinations; each uses its own chrome (iOS tab bar and large titles, Android navigation bar and top app bar).

Destination	Placement and entry
Today	Tab 1. Goal ring, active card, due reviews, Start session. Deep link `vocelune://today`.
Dictionary	Tab 2. Search on both sides of the active route. Pushes Word details.
Library	Tab 3. Saved / Learning / Learned. Pushes Word details.
Settings	Tab 4. Pushes Language catalog, Widget setup, App language and Paywall.
Session	Full-screen modal over the tabs (swipe-down disabled while an answer is pending; close asks to pause).
Word details	Stack push from any list or widget tap. Deep link `vocelune://word/{routeId}/{targetSenseId}`.
Playback	Sheet. Deep link `vocelune://play/{routeId}/{targetSenseId}?asset=word\|example`; starts audio only after the app is active.
Paywall	Modal sheet from any locked entry. Close is always visible.
Onboarding	Shown instead of the tabs until setup completes. Deep links that arrive first are stored and opened after setup.

Tabs: iOS UITabBar via native tabs, Android Material 3 navigation bar. Back: iOS edge swipe and back button; Android system back and predictive back animation. The Session modal intercepts back and offers Pause.

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.

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.

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.

Element	Tokens and behavior
Header	iOS large title `typography.display`, collapses to `headline` on scroll. Android top app bar `title-3`.
Route line	`subhead`, `text.secondary`. Names the target and explanation language in the interface language.
Goal ring	`goal-ring.*`, 80pt, 3pt stroke. Value uses `counter` (rounded, tabular). Accessibility label: “3 of 5 words today”.
Streak	`calendar-check` + text. Never flames, never loss wording.
Active card	`card.active` on `surface.accent`. Term `content.term`; stage phase + label; speaker and save are 44pt icon buttons with labels.
Due reviews	List row, whole row is the hit target.
Primary action	`button.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.

Start session

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

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.

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.

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).

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.

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.

200% text. Everything wraps and grows; the screen scrolls; nothing truncates. Icon buttons keep 44pt and grow with text.