Co dostajesz
- DESIGN.md w otwartym formacie, z tokenami w nagłówku i pisemnymi wskazówkami
- tokens.json (tokeny W3C) i tokens.css z motywem jasnym i ciemnym
- Logotyp SVG z konturami, symbol, lockup, wersje odwrócone i jednokolorowe
- Jedna plansza marki jako offline'owy HTML i PDF, z 4–6 makietami
- Strona moodboardu z trzema kierunkami do wyboru
Sprawdzi się przy
- Nadanie tożsamości nowemu produktowi, sklepowi albo projektowi pobocznemu w jednej sesji
- Napisanie DESIGN.md, żeby twój agent kodujący przestał tworzyć generyczny interfejs
- Zamiana istniejącego pliku motywu w udokumentowany system sprawdzony pod kątem kontrastu
- Wiarygodna plansza marki na prezentację albo pierwsze spotkanie z klientem
Nie nadaje się do
- Weryfikacja znaków towarowych: unika podobieństw, ale nie przeszukuje rejestrów
- Maskotki albo pełne systemy ilustracji
- Dopasowanie linia po linii do ścisłej, istniejącej księgi marki
Jak z niej korzystać
W Claude lub ChatGPT
Użyj umiejętności PopNow „Generator zestawu marki i DESIGN.md” (brand-kit-design-md) do tego: Zestaw marki dla Lumen Notes, spokojnej aplikacji do notatek dla badaczy pracujących do późna. Ciepła i odrobinę przebiegła, nigdy kolejna fioletowa aplikacja AI. Logo jeszcze nie ma.
W agencie do programowania
/popnow-brand-kit-design-md Zestaw marki dla Lumen Notes, spokojnej aplikacji do notatek dla badaczy pracujących do późna. Ciepła i odrobinę przebiegła, nigdy kolejna fioletowa aplikacja AI. Logo jeszcze nie ma.
Potem spróbuj
Idź w kierunku A, ale pożycz zieleń z B na tagi.
Na razie tylko wersja lite: paleta, czcionki i głos, bez kredytów za obrazy.
Co przygotować
- Kilka zdań o produkcie, odbiorcach i charakterze
- Konkurentów, do których nie wolno być podobnym, z ich głównymi kolorami, jeśli je znasz
- Logo, kolory albo czcionki, które chcesz zachować
- Python 3 i Chrome; fonttools do logotypów z konturami
Podobne umiejętności
Zobacz wszystkie →Czarno-biały portret studyjny
+3Zamień zwykłe zdjęcie w spokojny czarno-biały portret studyjny, który wciąż wygląda jak ty.
Zestaw ilustracji do wpisu na blogu
+3Trzy pasujące ilustracje do jednego artykułu, każda pokazuje to, co naprawdę mówi jej fragment.
Plakat z przekrojem anatomii samochodu
+3Przekrój ogólnego samochodu z systemami w kolorach, numerowanymi znacznikami i oknami powiększeń.
Generator infografik na tablicę kredową
+3Infografika 16:9 w stylu tablicy kredowej: dokładny krótki tekst, rysunki kredą i jedna czytelna ścieżka.
Kadry storyboardu filmowego
+3Trzy arkusze storyboardu do jednej sceny, każdy to inny sposób nakręcenia, z zachowaną ciągłością.
Zestaw spójnego concept artu
+3Postać, rekwizyt i otoczenie, które wyraźnie należą do tego samego fikcyjnego świata.
Urocze kredkowe bazgroły
+3Ujmująco niezdarne postacie kredkami na białym papierze: chwiejne linie, bazgrane wypełnienia, naklejki.
Redakcyjna ilustracja liniowa
+3Przewiewne ilustracje czarnym atramentem z jednym akcentem kolorystycznym na nagłówki blogów i newslettery.
Okładka artykułu w stylu sztychu
+3Jeden surrealistyczny sztych czarnym atramentem do każdego eseju, kreskowany od krawędzi do krawędzi.
Rozłożony widok platformy EV
+3Samochód elektryczny rozłożony warstwa po warstwie: bateria, silniki, kabina i nadwozie w kolorze.
Plakat z rozłożonym widokiem produktu
+3Czysty obraz hero z rozłożonym widokiem produktu i dokładnymi etykietami części z twojej tabeli specyfikacji.
Generator map fantasy
+3Pergamin, atlas albo mapy liniowe twojego świata, każda nazwa wypisana poprawnie, siatki idealnie w linii.
Mapa smaków regionalnych
+3Spokojna malowana mapa regionów, każdy z małym wykresem smaku na jednej wspólnej skali i uczciwą legendą.
Generator ilustrowanych map miast
+3Mapa dzielnicy albo miasteczka w stylu odręcznym, prawdziwa tam, gdzie to ważne, i dokładnie opisana.
Storyboard szkicowany tuszem
+3Surowy storyboard czarnym tuszem z krótkiej historii: otwarte linie, biała przestrzeń, jeden takt na panel.
Generator obrazów OG w stylu line art
+3Spokojne obrazy podglądu linku: kartka w łamanej bieli, krótki czarny nagłówek i postać line art.
Plakat badawczy z biologii morskiej
+3Szeroki plakat badawczy wokół malowanego przekroju siedliska, z ponumerowanymi gatunkami i wykresem wyników.
Generator makiet telefonu
+3Twoja aplikacja na składanym telefonie 3D, który rozwiera się na miękkim tle, jako PNG albo klip.
Studia kompozycji zdjęcia
+3Trzy fotograficzne ujęcia tego samego tematu, każde zbudowane na innej zasadzie kompozycji.
Generator obrazów sketchnote
+3Zamienia artykuł albo notatki w jeden odręcznie rysowany sketchnote 4:3 z dokładnymi, sprawdzonymi etykietami.
Generator okładek social media i miniatur
+3Jeden komunikat na wejściu, a na wyjściu sprawdzone obrazy OG, okładki i miniatury w dokładnych rozmiarach.
Pytania
Czym jest DESIGN.md i kto go czyta?
To zwykły tekst opisujący system projektowy: tokeny YAML na górze, pisemne wskazówki pod spodem. Agenci kodujący i projektowi czytają go, żeby utrzymać spójność kolorów, typografii i odstępów. Umiejętność zapisuje go w otwartym formacie, który inne narzędzia sprawdzają i eksportują, i dodaje pliki logo, licencje czcionek, pary kontrastu i przykłady głosu pod jednym dodatkowym kluczem.
Czy kolory są naprawdę dostępne?
Każda para tekstu i tła, której użyjesz, jest zadeklarowana i sprawdzona skryptem względem WCAG 2.2, także w trybie ciemnym. Pary, które nie przechodzą, dostają najbliższy zaliczający kolor o tym samym odcieniu, a wskaźniki są zaokrąglane w dół, więc zaliczenie to naprawdę zaliczenie.
Czy logo to obraz AI?
Nie. Logotyp jest wykonany z konturów czcionki na otwartej licencji, a symbol jest narysowany jako kilka czystych kształtów SVG. Szkice PopNow mogą zainspirować symbol, ale rastra nigdy nie wysyła się jako logo, a linter go odrzuca.
Jak unika wyglądania jak konkurent?
Wypisujesz marki, których unikać, z ich kolorami i opisem znaku. Sprawdzenie oznacza palety powtarzające ich parę kolorów, prompty nigdy ich nie nazywają, a symbol jest porównywany z ich znakiem, zanim zostanie narysowany. To nie jest prawne wyszukiwanie znaków towarowych.