Saga Scores Prototype
Saga · prototype · #351

Saga Scores Prototype

Round 2 · the card back, redone from your note (section 4); everything else is picked and stays as round 1 left it. Round 1 · Oct 8, 2026 · every UI addition you picked Build on the MDBList Data Plan, drawn on the app's real chrome. Each section starts with Today, a screenshot from staging, then the proposal.

Pick a direction (A, B, C) where there are options, or Approve / Needs changes where there's one proposal. Notes save as you type. Real data throughout: Oppenheimer, Breaking Bad, The Odyssey and Interstellar, with scores and episode ratings from MDBList's live responses. Two things are placeholders and say so: the example lists in 8 and the themes in 9.

Overview

What this touches

Every screen each addition changes. Anything not listed stays exactly as it is, including the front of the swipe card.

AdditionMovie pageShow pageSeason pageSwipe card (back)Sort sheetFilters sheetLists tabSpotlightExplore grid
1 · Iconsscore rowscore row—score cellrow iconsfilter row———
2 · Title page scoresheader: star out, scores inheader: same—see 4—————
3 · All scores sheettap the scorestap the scores———————
4 · Card back score———Score cell—————
5 · Sorts————3 rows (Explore, Library, Swipe)————
6 · Veggie Score filter—————Add filter + editor (all three screens)———
7 · Did you knownew sectionnew section———————
8 · Dynamic lists——————new rows——
9 · Themes—————Theme filter—theme rowsnotice
10 · Best episodes—new sectionepisode ratings——————
1 · Fresh and rotten

The carrot and the popcorn

The carrot is the Veggie Score (critics), the popcorn the audience score. Each has a fresh look at 60% and up and a rotten look below, told apart by shape so it reads even in one color. Fresh is whole and full; rotten is a snapped carrot with its leaf hanging, and an empty bucket with one kernel left. One leaf, never a fork: a two-leaf tuft reads as a forked Y at 16 px.

Movie pageShow pageSwipe card backSort sheetFilters sheet
Preview every phone on this page with
2 · Title page

Scores in the header, as one set

TMDB's star goes. The Veggie Score leads, the audience score sits beside it, and IMDb takes the star, since the star already means "rating" in Saga. Shows get the same header (Breaking Bad at the end of the row). Tapping the scores opens the sheet in section 3.

Movie page headerShow page header
TodayTMDB's star in the facts row★ 8.0 (12,641) from TMDB's own users.
Oppenheimer's title page on staging today
A · In the rowThree scores replace the star in the facts row; year, runtime and rating move to a second line. The least change.Reuses MetadataRow · no new component
B · Score stripThe card back's strip comes to the title page: three labeled cells under the byline, so the scores look the same in both places.Shares one strip component with the card back
C · Headline scoreOnly the Veggie Score in the header, larger, with its verdict. Every other score lives in a Scores card further down.New Scores card · the sheet isn't needed
The show page, with ABreaking Bad: critics 96%, audience 97%, IMDb 9.5.
3 · All scores

The scores sheet

One Sheet with every score and how many reviews or votes it rests on. Rotten Tomatoes, Letterboxd and Metacritic link out; IMDb doesn't (no IMDb links, 2026-10-06). The line under the Veggie Score says what it means, once, here instead of in the header.

Movie pageShow page
OppenheimerOpened from the header (A or B).
When MDBList has a gapInterstellar: MDBList has no Rotten Tomatoes scores for it, so the Veggie Score comes from Wikidata (73%) and the audience row doesn't show.
4 · Swipe

The score on the back of the card

The front stays the poster alone. On the back, the strip's Score cell (TMDB today) changes.

Swipe card back
TodayScore 8.0 from TMDBNote the empty space above the card's title and above the cast.
The back of a swipe card on staging today
Round 2Two stripsYour note: everything moves up into the empty space, and the title page's score strip sits right under the facts strip. Facts keep Rated, Runtime and Year; the scores are Veggie, Audience and IMDb, exactly as on the title page. The overview and cast keep their room.One strip component, used twice here and once on the title page

Round 1, for reference (you asked for another round):

A · VeggieThe cell becomes the Veggie Score. With no critics' score yet it shows IMDb's star instead.
B · Critics and audienceFive cells: both scores, with everything else kept. Tighter type to fit.
C · IMDbThe smallest change: IMDb's star replaces TMDB's. The Veggie Score stays on the title page.
5 · Sort

Three new sorts

Veggie Score, Audience score and Letterboxd join Sort by, on Explore, Library and Swipe alike. A score sort leaves out titles with fewer than 20 reviews, so six glowing reviews can't top the list. One question for you below: Top rated is TMDB's today.

Sort sheet · ExploreLibrarySwipe
TodayFour sorts
Sort by on Explore today
ProposedNew rows marked; Letterboxd is films only, so it hides when Show me is TV.
6 · Filters

Veggie Score at least…

One new filter in Add filter, edited with a segment (three exclusive choices, per the filter rules). Its name is the same everywhere: Veggie Score.

Filters sheet · ExploreLibrarySwipe
TodayAdd filter
Add filter today
Add filterVeggie Score and Theme (section 9) join the menu.
The editor60% is fresh; 75% and 90% for pickier nights.
Your filtersApplied, like every other filter.
7 · Title page

Did you know

Oppenheimer's five facts from MDBList, right after the Overview. Fetched the first time anyone opens the title, kept after that; a title without any shows nothing. While it loads: lines of shimmer in the card's shape.

Movie pageShow page
TodayOverview, then Facts
Oppenheimer's Overview and Facts today
A · CardA card like Facts: two facts, then Show all 5.
B · RailOne fact per card, side by side; swipe through them.
C · One at a timeA single fact, big; Another deals the next. Playful, and a little game.
8 · Lists

Lists that keep themselves current

MDBList lists refresh daily into the Lists tab, as the same quiet rows. Only lists our filters can't make: no "Netflix Shows" (Streaming does that). The four below are examples; the real set comes from a short research pass for you to pick from.

Filters sheet · Lists tab
TodayCurated lists
The Lists tab today
Proposed"Updated daily" on the second line says it moves; no other mark.
9 · Themes

Themes in Spotlight and Filters

A hand-picked set of themes (heist, time loop, found family…) from the keywords: a few hundred we choose, not MDBList's 800 a title. A theme is a row in Spotlight like a studio or a place; it opens Explore with that theme on. The set itself is a research step for your sign-off.

SpotlightFilters sheet (Theme)Explore notice
Today"heist" finds titles only
Spotlight searching heist today
SpotlightThe theme leads the list on an exact name.
Explore, from the rowThe usual notice names it; × keeps the filter.
The Theme filterA checklist with search, like Streaming.
10 · TV

Best episodes

Every episode's rating from MDBList (Basic plan, live now), with its votes. On the season page each episode's star switches from TMDB's to this one, and the season's star becomes its average. Real numbers: Breaking Bad.

Show pageSeason page
TodaySeasons card, no ratings
Breaking Bad's seasons on staging today
A · RailBest episodes as a rail after Seasons, each a still with its rating.
B · Season mapEvery episode as a square, darker to brighter by rating, inside the Seasons card. Tap one to open it.
C · Top fiveA ranked list after Seasons; See all episodes opens the map as a sheet.
TodaySeason 5 episodes★ from TMDB.
Season 5's episodes today
Season page, any directionThe same rows (directors trimmed here); only the star changes to MDBList's, and the season header says 9.3.
My recommendation

A · Solid icons, B · Score strip, A on the card, A for Did you know, C for episodes

Loading your picks…