diff --git a/src/JellyBox/Glyphs.cs b/src/JellyBox/Glyphs.cs
index 45fe067..0f946f3 100644
--- a/src/JellyBox/Glyphs.cs
+++ b/src/JellyBox/Glyphs.cs
@@ -34,4 +34,7 @@ internal static class Glyphs
     // Favorites
     public const string HeartOutline = "\uEB51";
     public const string HeartFilled = "\uEB52";
+
+    // Indicators
+    public const string Checkmark = "\uE73E";
 }
diff --git a/src/JellyBox/Models/Card.cs b/src/JellyBox/Models/Card.cs
index 71c596a..ad3d42c 100644
--- a/src/JellyBox/Models/Card.cs
+++ b/src/JellyBox/Models/Card.cs
@@ -1,3 +1,4 @@
+using System.Globalization;
 using System.Windows.Input;
 using JellyBox.Services;
 
@@ -22,4 +23,22 @@ internal sealed record Card : INavigable
     public required JellyfinImage Image { get; init; }
 
     public required ICommand NavigateCommand { get; init; }
+
+    public bool IsFavorite { get; init; }
+
+    public bool IsPlayed { get; init; }
+
+    public double PlayedPercentage { get; init; }
+
+    public int UnplayedItemCount { get; init; }
+
+    public bool HasProgress => PlayedPercentage > 0 && !IsPlayed;
+
+    public bool ShowPlayedIndicator => IsPlayed && UnplayedItemCount == 0;
+
+    public bool ShowUnplayedCount => UnplayedItemCount > 0;
+
+    public string UnplayedCountText => UnplayedItemCount >= 100 ? "99+" : UnplayedItemCount.ToString(CultureInfo.InvariantCulture);
+
+    public double ProgressWidth => ImageWidth * PlayedPercentage / 100.0;
 }
diff --git a/src/JellyBox/Models/CardFactory.cs b/src/JellyBox/Models/CardFactory.cs
index bba354a..b970b9f 100644
--- a/src/JellyBox/Models/CardFactory.cs
+++ b/src/JellyBox/Models/CardFactory.cs
@@ -67,6 +67,10 @@ public Card CreateFromItem(
             ImageHeight = imageHeight,
             Image = image,
             NavigateCommand = new RelayCommand(() => _navigationManager.NavigateToItem(item)),
+            IsFavorite = item.UserData?.IsFavorite ?? false,
+            IsPlayed = item.UserData?.Played ?? false,
+            PlayedPercentage = item.UserData?.PlayedPercentage ?? 0,
+            UnplayedItemCount = item.UserData?.UnplayedItemCount ?? 0,
         };
     }
 
diff --git a/src/JellyBox/Resources/Styles.xaml b/src/JellyBox/Resources/Styles.xaml
index b339367..ac596c0 100644
--- a/src/JellyBox/Resources/Styles.xaml
+++ b/src/JellyBox/Resources/Styles.xaml
@@ -28,6 +28,9 @@
     <SolidColorBrush x:Key="SurfaceSecondaryHover" Color="#3A3A3A" />
     <SolidColorBrush x:Key="FocusBorder" Color="#FFFFFF" />
     <SolidColorBrush x:Key="OverlayBackground" Color="#CC000000" />
+    <SolidColorBrush x:Key="CardIndicatorBackground" Color="#CC000000" />
+    <SolidColorBrush x:Key="FavoriteColor" Color="#E91E63" />
+    <SolidColorBrush x:Key="ProgressTrackBackground" Color="#40000000" />
 
     <!-- TV-Optimized Font Sizes (10-foot UI) -->
     <x:Double x:Key="FontXS">16</x:Double>
diff --git a/src/JellyBox/Resources/Templates.xaml b/src/JellyBox/Resources/Templates.xaml
index 86d9400..6331e70 100644
--- a/src/JellyBox/Resources/Templates.xaml
+++ b/src/JellyBox/Resources/Templates.xaml
@@ -56,11 +56,83 @@
             <Border
                 CornerRadius="{StaticResource CardCornerRadius}"
                 Background="{StaticResource BackgroundCard}">
-                <controls:LazyLoadedImage
-                    ImageUri="{x:Bind Image.Uri}"
-                    BlurHash="{x:Bind Image.BlurHash}"
-                    Width="{x:Bind ImageWidth}"
-                    Height="{x:Bind ImageHeight}" />
+                <Grid>
+                    <controls:LazyLoadedImage
+                        ImageUri="{x:Bind Image.Uri}"
+                        BlurHash="{x:Bind Image.BlurHash}"
+                        Width="{x:Bind ImageWidth}"
+                        Height="{x:Bind ImageHeight}" />
+
+                    <!-- Favorite indicator (top-left) -->
+                    <Border
+                        Visibility="{x:Bind IsFavorite}"
+                        HorizontalAlignment="Left"
+                        VerticalAlignment="Top"
+                        Margin="6"
+                        Background="{StaticResource CardIndicatorBackground}"
+                        CornerRadius="12"
+                        Width="24"
+                        Height="24">
+                        <FontIcon
+                            FontFamily="{StaticResource SegoeIcons}"
+                            Glyph="&#xEB52;"
+                            FontSize="14"
+                            Foreground="{StaticResource FavoriteColor}"
+                            HorizontalAlignment="Center"
+                            VerticalAlignment="Center" />
+                    </Border>
+
+                    <!-- Played indicator (top-right) -->
+                    <Border
+                        Visibility="{x:Bind ShowPlayedIndicator}"
+                        HorizontalAlignment="Right"
+                        VerticalAlignment="Top"
+                        Margin="6"
+                        Background="{StaticResource CardIndicatorBackground}"
+                        CornerRadius="12"
+                        Width="24"
+                        Height="24">
+                        <FontIcon
+                            FontFamily="{StaticResource SegoeIcons}"
+                            Glyph="&#xE73E;"
+                            FontSize="14"
+                            Foreground="White"
+                            HorizontalAlignment="Center"
+                            VerticalAlignment="Center" />
+                    </Border>
+
+                    <!-- Unplayed count indicator (top-right) -->
+                    <Border
+                        Visibility="{x:Bind ShowUnplayedCount}"
+                        HorizontalAlignment="Right"
+                        VerticalAlignment="Top"
+                        Margin="6"
+                        Background="{StaticResource AccentColor}"
+                        CornerRadius="12"
+                        MinWidth="24"
+                        Height="24"
+                        Padding="6,0">
+                        <TextBlock
+                            Text="{x:Bind UnplayedCountText}"
+                            FontSize="12"
+                            FontWeight="Bold"
+                            Foreground="White"
+                            HorizontalAlignment="Center"
+                            VerticalAlignment="Center" />
+                    </Border>
+
+                    <!-- Progress bar (bottom) -->
+                    <Grid
+                        Visibility="{x:Bind HasProgress}"
+                        Height="4"
+                        VerticalAlignment="Bottom">
+                        <Rectangle Fill="{StaticResource ProgressTrackBackground}" />
+                        <Rectangle
+                            Fill="{StaticResource AccentColor}"
+                            HorizontalAlignment="Left"
+                            Width="{x:Bind ProgressWidth}" />
+                    </Grid>
+                </Grid>
             </Border>
             <TextBlock
                 Grid.Row="1"