# Color Indications

When you're exploring thousands of movies, TV shows, and anime on [SIMKL.com](https://simkl.com), spotting the most relevant content at a glance can be a challenge. That’s why SIMKL has implemented a smart **color-coded system** throughout the platform—to help you instantly understand what’s new, airing, or not yet released.

Let’s break down what these **colored indicators** mean and where you’ll see them in action.

***

## What Are SIMKL’s Color Indicators?

SIMKL uses small colored **circles and labels** throughout the platform (next to posters, titles, lists, and  filter views) to convey real-time status info about a show or movie. Instead of opening each title to check details, you get a **visual shortcut** for faster decisions.

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FI9IGHAumAq5Bl7e7vYCA%2Fimage.png?alt=media&#x26;token=e90e8867-5076-412f-b416-2566aafaa8b0" alt=""><figcaption></figcaption></figure>

These indicators are used in:

* Movie and TV show listings
* Anime filler guides
* Release calendars
* Progress tracking dashboards
* and many more areas

{% embed url="<https://docs.simkl.org/how-to-use-simkl/core-features/watchlists-and-custom-lists#color-identification>" %}

***

### Primary Circle Color Indicators

#### 🔴 **Red – Not Released Yet**

**Where it's used:**

* Upcoming movies
* Upcoming shows
* Episode release schedules
* Premiere Countdown Pages

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FIKASPwh95o9NsHbB0I4t%2Fimage.png?alt=media&#x26;token=164e1669-8368-4357-9217-2bf108a4c7ce" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FW5aB2AYbTowdrUG6hVPa%2Fimage.png?alt=media&#x26;token=636d0145-02e2-43a8-877c-a0c4c4505078" alt=""><figcaption></figcaption></figure>

**Why it matters:**

* Instantly shows you which content is **unavailable yet**.
* The built-in **countdown** helps you plan your watchlist around major releases.
* Useful for setting expectations, especially for fans tracking long-awaited titles like sequels or blockbuster premieres.
* You can **prioritize titles by release date** and prepare for binge sessions in advance.

📝 *Example: “Spider-Man: Beyond the Spider-Verse – In 700 days”*

{% hint style="success" %}
**Pro Tip:** Filter your list by “unreleased” and look for red dots to see what’s coming soon. Add them to your favorites or set up alerts.
{% endhint %}

***

#### 🟢 **Green – Currently Airing**

**Where it's used:**

* TV series still releasing episodes
* Ongoing anime seasons
* Show dashboards and progress bars

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2F2jPYvshUZ6LGqDxcZF3k%2Fimage.png?alt=media&#x26;token=282c4662-abe6-488c-af27-4beb182789a1" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FaRwdCuqUgB8J9o7UqP07%2Fimage.png?alt=media&#x26;token=3a2293d1-ba1e-4dcb-bdb3-ea17bf7b1aa2" alt=""><figcaption></figcaption></figure>

**Why it matters:**

* Helps you **track shows you're following in real-time**.
* Immediately lets you know a show hasn’t finished yet, ideal for weekly watchers.
* Encourages **engagement during the airing window,** you stay in sync with global discussions, avoid spoilers, and build anticipation.
* Reduces confusion about whether you're waiting for new episodes or if the series is complete.

📝 *Example: “The Simpsons” – 600/786 episodes watched, still airing.*

{% hint style="success" %}
**Pro Tip:** Green shows are perfect for adding to your “currently watching” list. Use the progress bar to track episodes as they're released.
{% endhint %}

***

#### ⚪ **White – Newly Released**

**Where it's used:**

* Movies currently in theaters
* Brand new TV shows with only 1 episode aired
* Indicates something just launched, often used in *“Released” filters* or *“Progress” views*.

📝 *Example: “Mandala Murders – 0/1 episodes watched”*

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FQOTxIaqbbu7Msz1q63i4%2Fimage.png?alt=media&#x26;token=b3db4831-6c98-48fa-a134-f81c86f780a7" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2Fn7JpXSacmU6fNCFB99MK%2Fimage.png?alt=media&#x26;token=658bd75f-2f10-4850-acf9-608c3ed97201" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Pro Tip:** White icons signal "hype mode", perfect for early impressions, pilot reviews, or starting a group watch.
{% endhint %}

{% embed url="<https://docs.simkl.org/how-to-use-simkl/core-features/search-and-discovery/using-search#dbbe>" %}

***

### Color Labels for Anime Episodes

In addition to the release status indicators, SIMKL offers **specific labels** to differentiate between **canon and filler episodes** in anime series.

These colored tags appear in episode guides (like for *One Piece* or *Naruto*), helping fans focus on the episodes that follow the manga storyline.

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FcBGtLs8e963buA7cEIvi%2Fimage.png?alt=media&#x26;token=cd8f3f2d-d301-47b1-adcb-c31e87a56938" alt=""><figcaption></figcaption></figure>

#### ✅ **Green – Canon / Manga Canon**

* These episodes are **faithful to the original manga**.
* Essential for plot development.
* Tagged as: `Manga Canon` or `Mixed Canon/Filler`.

📝 *Example: “Enter the Great Swordsman! Zoro” – Manga Canon*

***

#### ❌ **Red – Filler**

* These episodes are **not part of the manga** and can often be skipped.
* Perfect for viewers who want to stick strictly to canon material.

📝 *Example: “Kidnapped! Naruto's Hot Springs Adventure!” – Filler*

{% embed url="<https://docs.simkl.org/how-to-use-simkl/getting-started-with-simkl/basic-navigation/anime-tracking/anime-filler-list#how-to-track-anime-filler-episodeson-simkl>" %}

***

### Why Color Indicators Matter

SIMKL’s color-coded system is more than just a visual flair—it’s a **core feature designed to improve user experience**, reduce decision fatigue, and help you manage your entertainment library more efficiently.

#### Here’s how it helps:

* ✅ **Skip filler episodes** in anime without second-guessing.
* 🔄 **Spot ongoing series** to catch up weekly.
* 🎬 **See what's just released** to stay ahead of the hype.
* 📅 **Track future releases** and set reminders for Day 1 viewing.

***

## Additional Visual Indicators in SIMKL

Beyond the primary color circles (Red, Green, White) and Anime Canon/Filler labels, SIMKL also uses **contextual visual indicators** to give you quick, glanceable information across:

* Episode thumbnails
* Show posters
* Airing calendars
* Your ongoing list
* Continue Watching sections

These indicators reduce the need to open each page and help you instantly understand content status.

***

### Dub Indicator

SIMKL displays a **Dub indicator** to show when dubbed audio is available for a title.

This helps users quickly determine whether they can watch content in their preferred language without needing to open streaming platforms or check episode details manually.

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FGnipAkbFch6UT6inlrYg%2Fimage.png?alt=media&#x26;token=b8c68e1e-283e-4b1e-8610-c898a4d721a3" alt=""><figcaption></figcaption></figure>

#### On Episode Thumbnails: `D)))`

When you see:

```
D)))
```

on an episode thumbnail, it means:

> SIMKL has detected that an English dub is most likely available for that episode.

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FZH7QkXjsPRJY07j793RI%2Fimage.png?alt=media&#x26;token=ca63bfd0-28b5-4d86-a9c3-63cb2f014b86" alt=""><figcaption></figcaption></figure>

#### What This Means

* The episode likely has an English-dubbed version.
* The dub detection is based on streaming data and availability signals.
* This is episode-level detection, not just season-level.

This is especially useful because:

* Anime dubs are often released later than subbed versions.
* Not all episodes in a season may be dubbed at the same time.
* Some series may have partial or staggered dub releases.

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FqkxwAijYdnqvnhyZ5Nnw%2Fimage.png?alt=media&#x26;token=8957efab-bf49-4678-82a8-f41239fca7da" alt=""><figcaption></figcaption></figure>

The indicator helps you:

* Quickly identify which episodes are dubbed
* Avoid manually checking every episode
* Plan your watch accordingly

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FBe677rYHnC6a74WiZESe%2Fimage.png?alt=media&#x26;token=3f0fd1a1-317c-46d3-b054-9d80e20712b0" alt=""><figcaption></figcaption></figure>

**Example Scenario**

* Episode 1–5 are dubbed → `D)))` appears
* Episode 6 is sub-only → no badge
* Episode 7 gets dubbed later → badge appears automatically

This allows users to immediately identify which episodes are safe to watch in dub format.

***

### Episode Progress Badge: Episodes Left to Watch

SIMKL displays a small red numeric badge on show posters and episode thumbnails to indicate how many episodes remain unwatched.

This badge appears across:

* **My List**
* **Recently Watched**
* **Continue Watching**
* **Ongoing Shows**
* **Watchlist sections**

It provides instant visibility into your remaining episodes without opening the show page.

Example:

```
🔴 11, 🔴 10, 🔴 20
```

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FuKIvVHkhTsRQoa8kd8tS%2Fimage.png?alt=media&#x26;token=34df1770-83cf-4267-aeec-77ae27fec1fe" alt=""><figcaption></figcaption></figure>

#### What the Badge Represents

The number inside the red badge indicates:

> The total number of available episodes you have not yet watched.

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2F9FmEL4IrHmxmOmSgzg93%2Fimage.png?alt=media&#x26;token=56ff7e58-5f8a-4357-8858-41d1c98c9b00" alt=""><figcaption></figcaption></figure>

This is calculated dynamically using:

* Your watch history
* The total number of aired episodes
* Season progression
* Newly released episodes

The badge updates automatically whenever:

* A new episode airs
* You mark an episode as watched
* You import or sync watch history

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2Fh2dhdzoDRQ5pAQ4hg7zA%2Fchrome_SrKhgkgNLM.gif?alt=media&#x26;token=964c75c5-ce23-4642-845e-c171010e9a90" alt=""><figcaption></figcaption></figure>

#### Example

If:

* A season has **16 aired episodes**
* You have watched **10**

The Episode Progress Badge will display:

```
6
```

If a new episode airs next week, it will automatically increase to:

```
7
```

No manual refresh required.

***

### Special Status Labels

In addition to color indicators and progress badges, SIMKL uses **context-aware status labels** to highlight important milestones in a show’s lifecycle.&#x20;

They are designed to surface meaningful events without requiring users to manually check release dates.

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2Fr6ybNo70ko6OrCF5P4ht%2Fimage.png?alt=media&#x26;token=f0f084fd-5775-4312-9506-e1d3953c2218" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FgUN8bw6FM7IBMFwkvNzZ%2Fimage.png?alt=media&#x26;token=e12a5511-abcb-4c45-a916-173ee6e642a9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1063116720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkYIJb2JfKN8kBT29bf%2Fuploads%2FHMtSwRiGFTNXfl9FVZwh%2Fimage.png?alt=media&#x26;token=42daf87e-f266-42e6-b57d-4b22b582d37d" alt=""><figcaption></figcaption></figure>

***

SIMKL’s color indicators are a subtle but powerful feature to help you navigate content more effectively. Whether you’re binge-watching an ongoing show, dodging filler arcs in anime, or counting down to the next blockbuster release, the **visual cues** keep your experience organized and efficient.
