Cosa ottieni
- Un DESIGN.md nel formato aperto, con i token nell’intestazione e le linee guida scritte
- tokens.json (token di design W3C) e tokens.css con temi chiaro e scuro
- Wordmark SVG con contorni, simbolo, lockup, versione inversa e monocromatica
- Una brand board di una pagina in HTML offline e PDF, con 4-6 mockup
- Una pagina moodboard con tre direzioni tra cui scegliere
Ideale per
- Dare un’identità in una sola sessione a un nuovo prodotto, negozio o progetto personale
- Scrivere un DESIGN.md perché il tuo agente di coding smetta di produrre interfacce generiche
- Trasformare un file di tema esistente in un sistema documentato e con contrasto verificato
- Una brand board credibile per una proposta o un primo incontro con un cliente
Non adatta a
- Verifica dei marchi registrati: evita le somiglianze ma non cerca nei registri
- Mascotte o sistemi di illustrazione completi
- Seguire riga per riga un brand book rigido già esistente
Come usarla
In Claude o ChatGPT
Usa la skill PopNow “Generatore di brand kit e DESIGN.md” (brand-kit-design-md) per questo: Brand kit per Lumen Notes, un’app di note tranquilla per ricercatori che lavorano fino a tardi. Calda e un po’ ingegnosa, mai un’altra app AI viola. Non ho ancora un logo.
In un agente di programmazione
/popnow-brand-kit-design-md Brand kit per Lumen Notes, un’app di note tranquilla per ricercatori che lavorano fino a tardi. Calda e un po’ ingegnosa, mai un’altra app AI viola. Non ho ancora un logo.
Poi prova
Vai con la direzione A, ma prendi il verde della B per i tag.
Per ora solo la versione leggera: tavolozza, font e voce, senza crediti per le immagini.
Cosa tenere pronto
- Qualche riga sul prodotto, sul pubblico e sulla personalità
- I concorrenti a cui non deve assomigliare, con i colori principali se li conosci
- Eventuali logo, colori o font che vuoi mantenere
- Python 3 e Chrome; fonttools per i wordmark con contorni
Skill simili
Vedi tutte →Ritratto da studio in bianco e nero
+3Trasforma una foto di tutti i giorni in un ritratto da studio in bianco e nero, calmo, che ti somiglia ancora.
Set di illustrazioni per articoli del blog
+3Tre illustrazioni coerenti per un articolo, ognuna che mostra davvero ciò che dice il suo passaggio.
Poster anatomico di un’auto in sezione
+3Sezione laterale di un’auto generica: sistemi a colori, marcatori numerati e finestre di ingrandimento tonde.
Creatore di infografiche su lavagna
+3Infografica 16:9 in stile lavagna, testi brevi esatti, disegni a gesso e un solo percorso di lettura chiaro.
Fotogrammi di storyboard cinematografico
+3Tre tavole di storyboard per una scena, ognuna un modo diverso di girarla, con la continuità mantenuta.
Set di concept art coerente
+3Un personaggio, un oggetto di scena e un ambiente che chiaramente appartengono allo stesso mondo di finzione.
Doodle a pastello carino
+3Personaggi a pastello goffi e teneri su carta bianca: linee tremolanti, file nitidi e adesivi ritagliati.
Illustrazione editoriale a linee
+3Illustrazioni a inchiostro nero arieggiate con un accento colore per blog, newsletter e card social.
Copertina di articolo in stile incisione
+3Un’incisione surreale a inchiostro per saggio: tratteggiata da bordo a bordo, con l’idea in una sola scena.
Vista esplosa della piattaforma EV
+3Un’auto elettrica sollevata a strati: batteria, motori, abitacolo e carrozzeria a colori, con richiami.
Poster con vista esplosa di prodotto
+3Immagine pulita a vista esplosa di un prodotto, con etichette esatte dei componenti dalla tua tabella.
Generatore di mappe fantasy
+3Mappe su pergamena, atlante o a linea nera del tuo mondo, ogni nome scritto bene, griglie allineate.
Mappa regionale dei sapori
+3Mappa dipinta delle regioni, con un piccolo grafico del gusto per regione su scala comune e legenda onesta.
Creatore di mappe illustrate di città
+3Mappa disegnata a mano di un quartiere o di una città, vera dove conta, con etichette esatte.
Storyboard a schizzo d’inchiostro
+3Storyboard a inchiostro grezzo da una breve storia: linee aperte, spazio bianco, un battito a vignetta.
Creatore di immagini OG in stile line art
+3Immagini di anteprima per i link, pacate: card avorio, titolo breve in nero e un personaggio a inchiostro.
Poster di ricerca di biologia marina
+3Poster di ricerca con una sezione dipinta dell’habitat, specie numerate e grafico dei risultati.
Generatore di mockup per telefono
+3La tua app su un telefono pieghevole 3D che si apre su uno sfondo morbido, in PNG nitidi o clip.
Studi di composizione fotografica
+3Tre riprese fotografiche dello stesso soggetto, ciascuna costruita su un diverso principio di composizione.
Generatore di sketchnote
+3Trasforma un articolo o degli appunti in uno sketchnote 4:3 disegnato a mano, con etichette verificate.
Generatore di copertine social e miniature
+3Un messaggio in ingresso, un set di immagini OG, copertine e miniature, alle dimensioni esatte.
Domande
Cos’è DESIGN.md e chi lo legge?
È un sistema di design in testo semplice: token YAML in alto, linee guida scritte sotto. Gli agenti di coding e di design lo leggono per mantenere coerenti colori, tipografia e spaziatura. La skill lo scrive nel formato aperto che altri strumenti controllano ed esportano, e aggiunge file del logo, licenze dei font, coppie di contrasto ed esempi di voce sotto una chiave in più.
I colori sono davvero accessibili?
Ogni coppia di testo e sfondo che userai è dichiarata e verificata da uno script rispetto a WCAG 2.2, anche in modalità scura. Le coppie non conformi ricevono il colore conforme più vicino con la stessa tonalità, e i rapporti vengono arrotondati per difetto, così un superamento è davvero un superamento.
Il logo è un’immagine generata dall’AI?
No. Il wordmark è ricavato con contorni da un font a licenza aperta e il simbolo è disegnato con poche forme SVG pulite. Gli schizzi di PopNow possono ispirare il simbolo, ma un raster non viene mai consegnato come logo, e il controllo lo rifiuta.
Come evita di somigliare a un concorrente?
Tu elenchi i brand da evitare con i loro colori e una descrizione del loro marchio. Un controllo segnala le tavolozze che riprendono la loro coppia di colori, i prompt non li nominano mai, e il simbolo viene confrontato con il loro marchio prima di essere disegnato. Non è una ricerca legale di marchi registrati.