Salta ai contenuti

Artefatti coerenti con il brand usando design.md

Un file design.md è una specifica del brand scritta in Markdown. Quando la alleghi a un assistente, fornisce all’assistente un insieme persistente di linee guida visive – colori, tipografia, spaziatura, pattern dei componenti – che applica ogni volta che genera un artefatto HTML o un output visivo.

Senza un design.md, l’assistente usa uno stile visivo generico. Con uno allegato, gli artefatti generati come pagine HTML, dashboard, report e demo interattive rifletteranno il brand effettivo della tua organizzazione.

  • Identità visiva coerente – gli artefatti generati usano i colori, i font e le spaziature del tuo brand senza che tu debba descriverli in ogni prompt.
  • Regole del brand riutilizzabili – scrivi le linee guida una volta; ogni conversazione con l’assistente ne beneficia automaticamente.
  • Meno avanti e indietro – passi meno tempo a correggere gli stili e più tempo a perfezionare il contenuto.

Un file design.md è un documento Markdown che descrive le linee guida del tuo brand in linguaggio naturale e liste strutturate. Non deve seguire uno schema rigido – l’assistente lo legge come istruzioni.

Buone cose da includere:

  • Palette colori – colori primario, secondario, di accento, sfondo e testo (con valori hex)
  • Tipografia – famiglie di font, dimensioni e pesi per titoli, corpo del testo e codice
  • Spaziatura e layout – larghezze delle colonne, padding, valori border-radius
  • Pattern dei componenti – come devono apparire pulsanti, schede, tabelle e badge
  • Linee guida sul tono – come deve sentirsi il testo (formale, amichevole, conciso, ecc.)
  • Restrizioni – cose che l’assistente deve evitare (foto stock, colori sgargianti, ecc.)
  1. Apri l’assistente che vuoi configurare e clicca su Modifica.
  2. Vai alla sezione Allegati.
  3. Clicca su Aggiungi allegato e carica il file design.md.
  4. Salva l’assistente.

Il file è ora attivo. Ogni conversazione tramite quell’assistente includerà le linee guida del brand come contesto per la generazione di output visivi.

Per saperne di più sulla differenza tra allegati e conoscenza e quando usare ciascuno:

L’approccio design.md funziona per qualsiasi output HTML-based o visivo che l’assistente genera, tra cui:

  • Pagine HTML e demo interattive
  • Report e dashboard stilizzati
  • Template email
  • Visualizzazioni di dati rese in HTML/CSS
  • Anteprime di componenti

Gli output in testo semplice come riassunti, elenchi puntati o codice in linguaggi non visivi non sono influenzati visivamente da design.md.