content: update design tokens images (#1452)

Co-authored-by: Daniele T <[email protected]>
italia · Oct 29, 2024 · 265cfb8 · 265cfb8
1 parent 7fcfd59
commit 265cfb8
Show file tree

Hide file tree

Showing 11 changed files with 5 additions and 5 deletions.
diff --git a/src/data/content/design-system/fondamenti/design-tokens.yaml b/src/data/content/design-system/fondamenti/design-tokens.yaml
@@ -152,7 +152,7 @@ components:
 
             Il **nome** di un _token_ è composto da una sequenza di termini separati dal simbolo “-”.
 
-            ![La sequenza di termini che compongono il nome di un design token](/images/design-system/token-livelli.png "I termini del nome di un design token")
+            ![La sequenza di termini che compongono il nome di un design token](/images/design-system/fondamenti/token-livelli.png "I termini del nome di un design token")
 
             Il nome di token globale descrive il valore grezzo – anche detto raw – che contiene. Esempio: `color-blue-40: #0066cc`.
 
@@ -173,7 +173,7 @@ components:
 
             I token globali rappresentano i fondamenti visivi strutturali dell'intero design system. Sono agnostici rispetto allo strumento che stai utilizzando.
 
-            ![Un esempio di un design token globale](/images/design-system/global-token.png "Un esempio di design token globale")
+            ![Un esempio di un design token globale](/images/design-system/fondamenti/global-token.png "Un esempio di design token globale")
 
             Il nome di _token_ globale descrive il valore grezzo – anche detto _raw_ – che contiene. Esempio: `color-blue-40: #0066cc`
 
@@ -187,7 +187,7 @@ components:
 
             I token semantici rappresentano decisioni progettuali che possono essere riutilizzate per più elementi e componenti dell’interfaccia.
 
-            ![Un esempio di un design token semantico](/images/design-system/semantic-token.png "Un esempio di un design token semantico")
+            ![Un esempio di un design token semantico](/images/design-system/fondamenti/semantic-token.png "Un esempio di un design token semantico")
 
             Sono detti semantici perché il nome comunica il caso d'uso previsto.
 
@@ -212,12 +212,12 @@ components:
             ##### Casi d'uso
 
             Esempio di un token specifico che referenzia un token semantico:
-            ![Un esempio di un design token specifico](/images/design-system/specific-token-reference.png "Un esempio di un design token specifico")
+            ![Un esempio di un design token specifico](/images/design-system/fondamenti/specific-token-reference.png "Un esempio di un design token specifico")
 
             Questo approccio è raccomandato nel caso in cui si voglia gestire l’aspetto di un elemento o componente in modo circoscritto, pur riutilizzando token semantici, dove disponibili.
 
             Esempio di un token specifico che utilizza direttamente un valore grezzo (raw):
-            ![Un esempio di un design token specifico](/images/design-system/specific-token.png "Un esempio di un design token specifico")
+            ![Un esempio di un design token specifico](/images/design-system/fondamenti/specific-token.png "Un esempio di un design token specifico")
 
             Questo approccio è raccomandato nel caso in cui non ci siano token semantici riutilizzabili per definire lo stile di un elemento o componente.
 

diff --git a/static/images/design-system/fondamenti/global-token.png b/static/images/design-system/fondamenti/global-token.png
diff --git a/static/images/design-system/fondamenti/semantic-token.png b/static/images/design-system/fondamenti/semantic-token.png
diff --git a/static/images/design-system/fondamenti/specific-token-reference.png b/static/images/design-system/fondamenti/specific-token-reference.png
diff --git a/static/images/design-system/fondamenti/specific-token.png b/static/images/design-system/fondamenti/specific-token.png
diff --git a/static/images/design-system/fondamenti/token-livelli.png b/static/images/design-system/fondamenti/token-livelli.png
diff --git a/static/images/design-system/global-token.png b/static/images/design-system/global-token.png
diff --git a/static/images/design-system/semantic-token.png b/static/images/design-system/semantic-token.png
diff --git a/static/images/design-system/specific-token-reference.png b/static/images/design-system/specific-token-reference.png
diff --git a/static/images/design-system/specific-token.png b/static/images/design-system/specific-token.png
diff --git a/static/images/design-system/token-livelli.png b/static/images/design-system/token-livelli.png