diff --git a/backend/cache.go b/backend/cache.go
index 1f3ef15..3a99c0c 100644
--- a/backend/cache.go
+++ b/backend/cache.go
@@ -31,6 +31,7 @@ type CacheCarteListItem struct {
 	NumberOfPossibleDecks int
 	PercentageOfDecks 		float64
 	Synergy 							float64
+	Banned 								bool
 }
 
 type CacheCarteListItemWithSynergy struct {
@@ -307,5 +308,6 @@ func CreateCardData(c Carte, decksByBset map[string][]Deck, numberOfDecksPerColo
 					NumberOfDecks: numberOfDecksPerCard[c.ID],
 					NumberOfPossibleDecks: numberOfPossibleDecks,
 					PercentageOfDecks: percentageOfDecks,
+					Banned: c.Banned,
 				}
 }
diff --git a/backend/custom_pocketbase b/backend/custom_pocketbase
index bbd29d0..80376dc 100755
Binary files a/backend/custom_pocketbase and b/backend/custom_pocketbase differ
diff --git a/backend/types.go b/backend/types.go
index 8bab927..b60e3c8 100644
--- a/backend/types.go
+++ b/backend/types.go
@@ -38,6 +38,7 @@ type Carte struct {
 	Price 					string  	`db:"price" json:"price"`
 	CardmarketUri 	string 		`db:"cardmarket_url" json:"cardmarket_url"`
 	CanBeCommander 	bool 			`db:"can_be_commander" json:"can_be_commander"`
+	Banned 					bool 			`db:"banned" json:"banned"`
 }
 
 type DeckCard struct {
diff --git a/frontend/src/lib/components/Card.svelte b/frontend/src/lib/components/Card.svelte
index 36b47e3..7a65829 100644
--- a/frontend/src/lib/components/Card.svelte
+++ b/frontend/src/lib/components/Card.svelte
@@ -1,17 +1,31 @@
 <script>
-  let { name = "", url = "#", sanitizedName = "", smallImage = "", normalImage="", price = 0, cardmarketUri = "", numberOfDecks = 0, numberOfPossibleDecks = undefined, synergy = undefined } = $props()
+  let { card, showUrl = false, isCommander = false, showSynergy = false } = $props()
 </script>
 
 <div class="flex flex-col w-full gap-0">
-  <a class="w-full" href={url}><img src={normalImage} alt={"Scan de carte pour " + name} class="w-full rounded-md aspect-[488/680]" loading="lazy"/></a>
-  <a href={cardmarketUri} target="_blank" class="text-xs w-full text-center mt-2">{price}€</a>
-  <span class="w-full text-center text-xs">{name}</span>
-  {#if numberOfPossibleDecks == undefined}
-    <span class="w-full text-center">{numberOfDecks} Decks</span>
+  {#if showUrl}
+    <a class="w-full relative" href={card.Url}>
+      {#if card.Banned}
+        <img class="absolute w-full top-60 md:top-20 rotate-30" src="/assets/banned.png" alt="banned card icon"/>
+      {/if}
+      <img src={card.NormalImage} alt={"Scan de carte pour " + card.Name} class="w-full rounded-md aspect-[488/680]" loading="lazy"/>
+    </a>
   {:else}
-    <span class="w-full text-center">{numberOfDecks} Decks sur {numberOfPossibleDecks} ({numberOfPossibleDecks != 0 ? Math.round(100 * (numberOfDecks / numberOfPossibleDecks)) : 0}%)</span>
+    <div class="w-full relative">
+      {#if card.Banned}
+        <img class="absolute w-full top-60 md:top-20 rotate-30" src="/assets/banned.png" alt="banned card icon"/>
+      {/if}
+      <img src={card.NormalImage} alt={"Scan de carte pour " + card.Name} class="w-full rounded-md aspect-[488/680]" loading="lazy"/>
+    </div>
   {/if}
-  {#if synergy != undefined}
-    <span class="w-full text-center">Synergy {synergy > 0 ? "+" + Math.round(100*synergy).toString() : Math.round(100*synergy).toString()}%</span>
+  <a href={card.CardmarketUri} target="_blank" class="text-xs w-full text-center mt-2">{card.Price}€</a>
+  <span class="w-full text-center text-xs">{card.Name}</span>
+  {#if isCommander}
+    <span class="w-full text-center">{card.NumberOfDecks} Decks</span>
+  {:else}
+    <span class="w-full text-center">{card.NumberOfDecks} Decks sur {card.NumberOfPossibleDecks} ({card.NumberOfPossibleDecks != 0 ? Math.round(100 * (card.NumberOfDecks / card.NumberOfPossibleDecks)) : 0}%)</span>
+  {/if}
+  {#if showSynergy}
+    <span class="w-full text-center">Synergy {card.Synergy > 0 ? "+" + Math.round(100*card.Synergy).toString() : Math.round(100*card.Synergy).toString()}%</span>
   {/if}
 </div>
diff --git a/frontend/src/routes/bset/[slug]/+page.svelte b/frontend/src/routes/bset/[slug]/+page.svelte
index b7354f8..89b2c9f 100644
--- a/frontend/src/routes/bset/[slug]/+page.svelte
+++ b/frontend/src/routes/bset/[slug]/+page.svelte
@@ -40,56 +40,56 @@
   <h2>Commandants</h2>
   <CardGrid>
     {#each commander as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks}/>
+      <Card card={card} isCommander={true} showUrl={true} />
     {/each}
   </CardGrid>
 
   <h2>Planeswalker</h2>
   <CardGrid>
     {#each planeswalker as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} />
+      <Card card={card}/>
     {/each}
   </CardGrid>
 
   <h2>Creature</h2>
   <CardGrid>
     {#each creature as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} />
+      <Card card={card}/>
     {/each}
   </CardGrid>
 
   <h2>Rituels</h2>
   <CardGrid>
     {#each sorcery as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} />
+      <Card card={card}/>
     {/each}
   </CardGrid>
 
   <h2>Artefacts</h2>
   <CardGrid>
     {#each artifact as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} />
+      <Card card={card}/>
     {/each}
   </CardGrid>
 
   <h2>Éphémères</h2>
   <CardGrid>
     {#each instant as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} />
+      <Card card={card}/>
     {/each}
   </CardGrid>
 
   <h2>Enchantements</h2>
   <CardGrid>
     {#each enchantment as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} />
+      <Card card={card}/>
     {/each}
   </CardGrid>
 
   <h2>Terrains</h2>
   <CardGrid>
     {#each land as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} />
+      <Card card={card}/>
     {/each}
   </CardGrid>
 </div>
diff --git a/frontend/src/routes/commander/[slug]/+page.svelte b/frontend/src/routes/commander/[slug]/+page.svelte
index c0d66fe..0945f5c 100644
--- a/frontend/src/routes/commander/[slug]/+page.svelte
+++ b/frontend/src/routes/commander/[slug]/+page.svelte
@@ -36,55 +36,55 @@
 
 <div class="flex flex-col w-full items-center">
   <div class="w-full max-w-64">
-    <Card class="" normalImage={mainCardData.NormalImage} name={mainCardData.Name} price={mainCardData.Price} mainCardDatamarketUri={mainCardData.CardmarketUri} numberOfDecks={mainCardData.NumberOfDecks} />
+    <Card card={mainCardData} isCommander={true}/>
   </div>
 
   <h2>Planeswalker</h2>
   <CardGrid>
     {#each planeswalker as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} synergy={card.Synergy}  />
+      <Card card={card} showSynergy={true} />
     {/each}
   </CardGrid>
 
   <h2>Creature</h2>
   <CardGrid>
     {#each creature as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} synergy={card.Synergy} />
+      <Card card={card} showSynergy={true} />
     {/each}
   </CardGrid>
 
   <h2>Rituels</h2>
   <CardGrid>
     {#each sorcery as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} synergy={card.Synergy} />
+      <Card card={card} showSynergy={true} />
     {/each}
   </CardGrid>
 
   <h2>Artefacts</h2>
   <CardGrid>
     {#each artifact as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} synergy={card.Synergy} />
+      <Card card={card} showSynergy={true} />
     {/each}
   </CardGrid>
 
   <h2>Éphémères</h2>
   <CardGrid>
     {#each instant as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} synergy={card.Synergy} />
+      <Card card={card} showSynergy={true} />
     {/each}
   </CardGrid>
 
   <h2>Enchantements</h2>
   <CardGrid>
     {#each enchantment as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} synergy={card.Synergy} />
+      <Card card={card} showSynergy={true} />
     {/each}
   </CardGrid>
 
   <h2>Terrains</h2>
   <CardGrid>
     {#each land as card}
-      <Card normalImage={card.NormalImage} url={card.Url} name={card.Name} price={card.Price} cardmarketUri={card.CardmarketUri} numberOfDecks={card.NumberOfDecks} numberOfPossibleDecks={card.NumberOfPossibleDecks} synergy={card.Synergy} />
+      <Card card={card} showSynergy={true} />
     {/each}
   </CardGrid>
 </div>
diff --git a/frontend/static/assets/banned.png b/frontend/static/assets/banned.png
new file mode 100644
index 0000000..979e9ae
Binary files /dev/null and b/frontend/static/assets/banned.png differ