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.
Cosa permette un file design.md
Sezione intitolata “Cosa permette un file design.md”- 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.
Come creare un file design.md
Sezione intitolata “Come creare un file design.md”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.)
Come allegare design.md a un assistente
Sezione intitolata “Come allegare design.md a un assistente”- Apri l’assistente che vuoi configurare e clicca su Modifica.
- Vai alla sezione Allegati.
- Clicca su Aggiungi allegato e carica il file
design.md. - 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:
Quali tipi di artefatti sono interessati
Sezione intitolata “Quali tipi di artefatti sono interessati”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.