popnow
PreiseAnmeldenLos geht’s

Das bekommst du

  • Eine DESIGN.md im offenen Format, mit Tokens im Kopfbereich und ausführlicher Anleitung
  • tokens.json (W3C-Design-Tokens) und tokens.css mit hellem und dunklem Theme
  • Konturierte SVG-Wortmarke, Symbol, Lockup sowie Umkehr- und Einfarb-Versionen
  • Eine einseitige Markentafel als Offline-HTML und PDF, mit 4 bis 6 Mockups
  • Eine Moodboard-Seite mit drei Richtungen zur Auswahl

Gut für

  • Einem neuen Produkt, Shop oder Nebenprojekt in einer Sitzung eine Identität geben
  • Eine DESIGN.md schreiben, damit dein Coding-Agent aufhört, generische UI zu bauen
  • Eine bestehende Theme-Datei in ein dokumentiertes, kontrastgeprüftes System verwandeln
  • Eine glaubwürdige Markentafel für einen Pitch oder ein erstes Kundengespräch

Nicht für

  • Markenrecherche: Der Skill vermeidet Verwechslungen, durchsucht aber keine Register
  • Maskottchen oder vollständige Illustrationssysteme
  • Eine strenge, bestehende Markenrichtlinie Zeile für Zeile nachbauen

So nutzt du ihn

In Claude oder ChatGPT

Nutze den PopNow-Skill „Markenkit- und DESIGN.md-Generator“ (brand-kit-design-md) dafür: Markenkit für Lumen Notes, eine ruhige Notizen-App für Forschende, die spät arbeiten. Warm und ein bisschen clever, nie noch eine lila KI-App. Noch kein Logo.

In einem Coding-Agent

/popnow-brand-kit-design-md Markenkit für Lumen Notes, eine ruhige Notizen-App für Forschende, die spät arbeiten. Warm und ein bisschen clever, nie noch eine lila KI-App. Noch kein Logo.

Dann probier

Nimm Richtung A, aber übernimm das Grün von B für die Tags.

Vorerst nur die Light-Version: Palette, Schriften und Tonalität, ohne Bildnachweise.

Das solltest du bereithalten

  • Ein paar Sätze zu Produkt, Zielgruppe und Persönlichkeit
  • Wettbewerber, denen du nicht ähneln darfst, mit ihren Hauptfarben, wenn du sie kennst
  • Logo, Farben oder Schriften, die du behalten willst
  • Python 3 und Chrome; fonttools für konturierte Wortmarken

Ähnliche Skills

Alle ansehen →

Fragen

Was ist DESIGN.md, und wer liest sie?

Ein Design-System als Klartext: YAML-Tokens oben, Anleitung darunter. Coding- und Design-Agenten lesen sie, um Farben, Schrift und Abstände konsistent zu halten. Dieser Skill schreibt sie im offenen Format, das andere Tools prüfen und exportieren, und ergänzt Logodateien, Schriftlizenzen, Kontrastpaare und Tonalitätsbeispiele unter einem zusätzlichen Schlüssel.

Sind die Farben wirklich barrierefrei?

Jedes Text- und Hintergrundpaar, das du verwendest, wird deklariert und per Skript gegen WCAG 2.2 geprüft, auch im dunklen Modus. Durchfallende Paare bekommen die nächste bestehende Farbe im gleichen Farbton, und Verhältnisse werden nach unten gerundet, damit ein Bestanden auch wirklich bestanden ist.

Ist das Logo ein KI-Bild?

Nein. Die Wortmarke wird aus einer Schrift mit offener Lizenz konturiert, und das Symbol wird als wenige saubere SVG-Formen gezeichnet. Skizzen von PopNow können das Symbol inspirieren, aber ein Rasterbild wird nie als Logo ausgeliefert, und der Linter lehnt es ab.

Wie vermeidet es, einem Wettbewerber zu ähneln?

Du nennst die Marken, die du meiden willst, mit ihren Farben und einer Beschreibung ihres Zeichens. Eine Prüfung markiert Paletten, die deren Farbkombination wiederholen, Prompts nennen sie nie, und das Symbol wird vor dem Zeichnen mit deren Zeichen verglichen. Es ist keine rechtliche Markenrecherche.