# 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="/files/XOBCaX8cemExSfVcwHgI" 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="/files/QNx3kGI5tHVF2gcNJGHd" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/0a3CFcMIc0ORlptKQxQh" 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="/files/X8VnVDAhchhqxKaRoT8o" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/Cr2wlJmzLEMAs519xilZ" 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="/files/oT1gAg9GEMQSi0y9uXH1" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/CT5mnouVnS1nrlO98cWS" 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="/files/BtoRk0Y3TxYzkgfH9aTo" 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="/files/bZHwP4zzWg6OT9T3J6Xy" 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="/files/xrOGy6u6IhJI1zQ36Bi6" 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="/files/6cJBUCbqoV4Qi26jXUHK" 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="/files/a5ybgvVzGaGyEUfygNnR" 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="/files/r5bcaB0DBtd3qsvBBPS3" 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="/files/0BsjauporFE1fGcLdhKx" 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="/files/HWoJ34XkOp0Lai1zLNzk" 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="/files/xm0yQMcFEHaImF6Hjyoy" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/PirDEGLEPY7eK6NCDlRt" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/uZSuMtiit8qUOD3ZN43a" 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.simkl.org/how-to-use-simkl/getting-started-with-simkl/quick-start-guide/color-indications.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.