CW · Modul CI
Design Guide für Module
Verbindlicher Standard für Modul-Icons, Coverbilder und Presentation-Assets. Diese Regeln gelten für das CW-Backend, die Repository-Suche und den öffentlichen Release-Server.
CW · DEVELOPMENT
Module Lab
Diagnose. Testen. Erweitern.
Kurzregeln
Quadratisch, freigestellt, ohne eingebauten Hintergrund, ohne weiße Kachel und ohne künstlichen Rahmen.
Helles ruhiges Modulbild mit Einordnung, Titel, Untertitel und optionalen Info-Badges. Keine langen Textblöcke im Bild.
Eigentliche Modulbeschreibung, Download, Anforderungen und Versionen bleiben in der Kartenbeschreibung – nicht im Cover.
1. Modul-Icon
Format & Technik
- Format: quadratisch, ideal
256 × 256 px - Dateiformat: bevorzugt WebP, alternativ SVG/AVIF/PNG
- Hintergrund: transparent
- Maximalgröße: ideal deutlich unter 512 KB
Gestalterische Regeln
- kein weißer Kasten
- keine eingebaute Kachel
- kein Rahmen, keine Schlagschattenfläche um das gesamte Icon
- 1 Hauptsymbol plus höchstens 1 kleines Nebensymbol
- ruhig, modern, technisch, nicht verspielt
Referenz: Stilrichtung wie CW Module Lab – freigestellt, reduziert und sauber lesbar auch in kleinen Größen.
2. Modul-Cover
Format & Technik
- Format:
1200 × 600 px - Seitenverhältnis: ca. 2:1
- Dateiformat: bevorzugt WebP/AVIF
- Ecken: im Asset selbst keine runden Ecken
Gestalterische Regeln
- helle, ruhige und luftige Gesamtwirkung
- keine Poster- oder Flyer-Überladung
- keine langen Fließtexte
- wenige klare visuelle Elemente
CW · INHALTE
Blog & News
Beiträge. Bereiche. Kategorien.
Safe Structure: kleine Bereichszeile, Titel, Untertitel, optional 2–4 Badges. Keine Feature-Liste direkt im Bild.
3. Text auf dem Cover
Erlaubt
- Bereichszeile / Eyebrow
- Modultitel
- Untertitel / kurze Einordnung
- optionale Info-Badges
Nicht im Cover
- lange Beschreibungstexte
- ausführliche Feature-Listen
- technische Mindestanforderungen
- Download- oder Release-Infos
4. Modulbeschreibung unter dem Bild
Unterhalb des Covers stehen die eigentlichen Fakten: Beschreibung, Download, SHA256, Anforderungen und veröffentlichte Versionen. Dafür unterstützt der Release-Server bewusst eine kleine sichere Markdown-Teilmenge.
Beiträge, Kategorien und Medien direkt im CW-System verwalten. **Highlights** - Standard-, Longread- und Rezept-Layouts - Serien & Mehrteiler - Search-Live-Sync - PDF- und Druckausgabe
5. Presentation-Manifest
Jedes Modul verweist im module.json über den presentation-Block auf seine CI-Assets.
{
"presentation": {
"icon": "assets/module/icon.webp",
"cover": "assets/module/cover.webp"
}
}6. Referenzstil
CW Module Lab ist aktuell die gestalterische Referenz für den reduzierten Modul-Icon-Stil. Neue Module sollten sich daran orientieren: transparentes Icon, klare Formsprache, wenig Nebendetails und gute Lesbarkeit in kleinen Größen.