Style Guide

Ein Katalog für die Gestaltung von Beiträgen: Typografie, Bilder, Galerien, Karten, Videos und Kopfbereiche. Vergleiche die Beispiele, wähle einen Stil und kopiere den Chat-Befehl. Jedes Beispiel hat einen festen Code. Nenne ihn und die Stelle im Artikel, um den gewünschten Textabschnitt oder das Bild zu gestalten.

Manchmal bedeutet „etwas breiter“ 800 Pixel, manchmal bedeutet es fast den gesamten Bildschirm. Hier können Sie mit dem Finger auf die gewünschte Option zeigen und deren Code kopieren. Die Wörter hatten endlich eine gemeinsame Größe.

Wählen Sie eine Probe aus, kopieren Sie den Befehl und geben Sie eine Position im Material an. Jede Technik hat einen konstanten Code: QUOTE.RULE, IMAGE.WIDE oder zum Beispiel, GALLERY.TWO-ONE.

Text und Rhythmus

TEXT.H1

Header der ersten Ebene

H1-Größe innerhalb des Textbereichs. Der Seitentitel wird mit einer separaten Kopfzeile dargestellt – die Optionen werden unten angezeigt.

Jede Geschichte hat ihren eigenen Maßstab

TEXT.H2

Abschnittstitel

Ein neuer Gedanke bekommt einen spürbaren Anfang. Dies ist die Hauptebene innerhalb des Artikels.

Der Titel gibt die Textrichtung vor

TEXT.H3

Untertitel

Der Abschnitt ist gewachsen – teilen wir ihn in verständliche Teile auf.

Jetzt können Sie die Details sehen

TEXT.H4

Kleiner Untertitel

Eine weitere Ebene, auf der es für den Leser ohne sie schwieriger ist, sich zurechtzufinden.

Eine leichte Wendung innerhalb des Abschnitts

TEXT.H5

Kompakter Header

Seltenes Extralevel. Ersetzt nicht normale ölige Sekrete.

Stille Aufklärung

TEXT.H6

Kleinster Header

Die letzte Ebene der Hierarchie; In den meisten Artikeln kommen wir nicht darauf näher.

Der letzte Schritt

TEXT.PARAGRAPH

Regulärer Absatz

Die Grundlage des Artikels. Hier kann der Text in Ruhe erklären, verbinden und erzählen.

Design funktioniert, wenn man es nicht mehr wahrnimmt. Der Absatz behält eine angenehme Zeilenbreite, der Link kennt seinen Platz und die nächste Überschrift erscheint genau dann, wenn es Zeit ist, das Thema zu wechseln.

TEXT.BOLD

Öliger Ausfluss

Markieren Sie ein wichtiges Wort und behalten Sie dabei den normalen Absatz bei.

Das Wichtige an diesem Satz ist eine Lösung. Die restlichen Wörter müssen nicht lauter gesprochen werden.

TEXT.UNDERLINE

Unterstrich

Ein kleiner Trick innerhalb der Zeile. Jede Auswahl hat ihre eigene Aufgabe.

Beispiel: unterstrichenes Fragment

TEXT.STRIKE

Durchgestrichen

Ein kleiner Trick innerhalb der Zeile. Jede Auswahl hat ihre eigene Aufgabe.

Beispiel: ~~alte Formulierung~~

TEXT.CODE

Code online

Ein kleiner Trick innerhalb der Zeile. Jede Auswahl hat ihre eigene Aufgabe.

Beispiel: image.wide

TEXT.SUP

Hochgestellt

Ein kleiner Trick innerhalb der Zeile. Jede Auswahl hat ihre eigene Aufgabe.

Fläche – m²

TEXT.SUB

Tiefgestellt

Ein kleiner Trick innerhalb der Zeile. Jede Auswahl hat ihre eigene Aufgabe.

Formel – H₂O

TEXT.LINK

Textlink

Der reguläre Link bleibt Bestandteil des Angebots.

Wenn Sie eine Reihe von Farben und Schaltflächen benötigen, öffnen Sie sie Designsystem.

QUOTE.RULE

Zitat mit senkrechter Linie

Geist Mono und vertikaler Streifen. Hebt eine Idee hervor und behält dabei die Breite des Textes bei.

Ein gutes Zitat hinterlässt beim Leser einen Gedanken und das Design besteht lediglich darin, ihn hervorzuheben.

QUOTE.ACCENT

Akzentzitat

Große Linie ohne Streifen. Für eine Einleitung oder einen Gedanken, der es wert ist, darüber nachzudenken.

Der Leser bemerkt zuerst den Rhythmus. Dann – was sie ihm sagen wollten.

LIST.BULLET

Liste mit Aufzählungszeichen

Mehrere gleiche Gedanken, einschließlich verschachtelter Punkte.

Zuerst wählen wir die Bedeutung
Dann – das Formular
- Breite
- Rhythmus und Akzente
Dann schauen wir uns das Ergebnis an

LIST.NUMBER

Nummerierte Liste

Reihenfolge ist wichtig: Schritte, Reihenfolge, Konsistenz.

Ein Beispiel finden Sie im Katalog
Kopieren Sie seinen Code
Geben Sie den Ort der Veröffentlichung an

TEXT.DIVIDER

Trennzeichen

Eine Pause zwischen Teilen einer Geschichte ohne neuen Titel.

TEXT.CODE-BLOCK

Codeblock

Befehle und Beispiele bekommen ihren eigenen Platz.

Стиль: IMAGE.WIDE
Пропорция: RATIO.4X5
Место: после второго абзаца
Текст: без изменений

TEXT.TABLE

Tisch

Wenn mehrere Optionen einfacher nebeneinander zu vergleichen sind.

Aufgabe	Gestaltung
Markieren Sie einen Gedanken	Zitat mit senkrechter Linie
Folge anzeigen	Galerie
Gespräch fortsetzen	Karte mit Link

Proportionen

Für neue Materialien behalten wir fünf Hauptvoreinstellungen bei: 9:16, 16:9, 4:5, 5:4 und 1:1. Der Rest sind zusätzliche Optionen für Fotografie und Vorschau. Proportion ist die Quellform; „normal / breit / volle Breite“ – Blockgröße auf der Seite.

Bei Instagram unterscheiden wir zwischen Foto-Feeds und vertikalen Videos. 9:16 Vorbereitung auf Stories/Reels; Bei Fotobändern beträgt das Grundporträt 4:5. Anwendungs-, API- und Werbeformate können variieren. Für den Blog bleiben alle diese Proportionen ohne Zuschneiden erhalten; Vor der Übertragung auf Instagram wählen wir das passende Preset für eine bestimmte Platzierung aus.

RATIO.9X16

9:16

Vertikaler Bildschirm · 1080 × 1920. Hauptleinwand für Geschichten und Rollen. Für das Foto im Feed benötigen Sie einen separaten Rahmen.

Grauer Platzhalter, Seitenverhältnis 9:16 · Geist Mono — 1080 × 1920 · 9:16

RATIO.16X9

16:9

Horizontales Video · 1920 × 1080. Gut für YouTube, Screencasts und große Illustrationen.

Grauer Platzhalter, Seitenverhältnis 16:9 · Geist Mono — 1920 × 1080 · 16:9

RATIO.4X5

4:5

Porträt · 1080 × 1350. Das wichtigste Hochformat für Fotos und Streifenkarten.

Grauer Platzhalter, Seitenverhältnis 4:5 · Geist Mono — 1080 × 1350 · 4:5

RATIO.5X4

5:4

Ruhiger horizontaler Rahmen · 1350 × 1080. Das gleiche Seitenpaar, um 90° gedreht.

Grauer Platzhalter, Seitenverhältnis 5:4 · Geist Mono — 1350 × 1080 · 5:4

RATIO.1X1

1:1

Quadratisch · 1080 × 1080. Universelle Karte, Cover oder Kompaktplot.

1080 × 1080 · 1:1

RATIO.3X4

3:4

Zusätzliches Porträt · 1080 × 1440. Als separate Voreinstellung speichern; Wir prüfen vor der Veröffentlichung die Kompatibilität einer bestimmten Upload-Methode auf Instagram.

Grauer Platzhalter, Seitenverhältnis 3:4 · Geist Mono — 1080 × 1440 · 3:4

RATIO.4X3

4:3

Klassischer horizontaler Rahmen · 1440 × 1080. Gut für Fotos und detaillierte Diagramme.

Grauer Platzhalter, Seitenverhältnis 4:3 · Geist Mono — 1440 × 1080 · 4:3

RATIO.3X2

3:2

Fotografischer horizontaler Rahmen · 1620 × 1080. Natürliches Format vieler Kameras.

Grauer Platzhalter, Seitenverhältnis 3:2 · Geist Mono — 1620 × 1080 · 3:2

RATIO.2X3

2:3

Vertikales Foto · 1080 × 1620. Das gesamte Foto wird für den Blog gespeichert; Für den Instagram-Feed bereiten wir einen separaten 4:5-Ausschnitt vor.

Grauer Platzhalter, Seitenverhältnis 2:3 · Geist Mono — 1080 × 1620 · 2:3

RATIO.191X100

1.91:1

Breite Karte · 1910 × 1000 oder 1200 × 630 mit fast dem gleichen Verhältnis. Nützlich für Linkvorschauen.

Bilder

IMAGE.REGULAR

Normales Bild

Verbleibt in der Textspalte: maximal 800 px.

Grauer Platzhalter, Seitenverhältnis 16:9 — Die Bildunterschrift erklärt das Bild und wiederholt den Titel nicht

IMAGE.WIDE

Breites Bild

Geht über den Text hinaus, behält aber die Seitenränder bei. Maximal 1400 Pixel.

IMAGE.FULL

Volle Breite

Reicht bis an die Ränder des Publikationsbereichs. Die Seitenleiste bleibt bestehen.

IMAGE.CAPTION

Bildunterschrift unter dem Bild

Die Signatur befindet sich in einer separaten Zeile unter dem Bild. Es gibt keinen Endpunkt; alt beschreibt das Bild für diejenigen, die es nicht sehen können.

Grauer Platzhalter, Seitenverhältnis 5:4 — Neben Ihrem Bild wird eine kurze Bildunterschrift angezeigt.

Galerien

Von einem bis drei Bildern hintereinander. Die Galerie hat eine gemeinsame Signatur; Jedes Bild hat seine eigene Alternative. Einzelne Beschriftungen werden im aktuellen Raster nicht angezeigt. Am Telefon können die Zeilen entsprechend den Regeln des Themas neu angeordnet werden.

GALLERY.TWO

Zwei in der Nähe

Die Gesamtbreite der Reihe, die Originalproportionen und eine Signatur für die gesamte Serie. Die Reihenfolge der Bilder ist für alle Sprachen gleich.

Grauer Platzhalter, Seitenverhältnis 4:5 — Die Serie hat einen Rhythmus und eine gemeinsame Signatur

GALLERY.THREE

Drei in der Nähe

Die Gesamtbreite der Reihe, die Originalproportionen und eine Signatur für die gesamte Serie. Die Reihenfolge der Bilder ist für alle Sprachen gleich.

Die Serie hat einen Rhythmus und eine gemeinsame Signatur

GALLERY.TWO-TWO

Zwei plus zwei

Die Gesamtbreite der Reihe, die Originalproportionen und eine Signatur für die gesamte Serie. Die Reihenfolge der Bilder ist für alle Sprachen gleich.

Grauer Platzhalter, Seitenverhältnis 4:3 — Die Serie hat einen Rhythmus und eine gemeinsame Signatur

GALLERY.TWO-ONE

Zwei oben, einer unten

Die Gesamtbreite der Reihe, die Originalproportionen und eine Signatur für die gesamte Serie. Die Reihenfolge der Bilder ist für alle Sprachen gleich.

GALLERY.ONE-TWO

Einer oben, zwei unten

Die Gesamtbreite der Reihe, die Originalproportionen und eine Signatur für die gesamte Serie. Die Reihenfolge der Bilder ist für alle Sprachen gleich.

GALLERY.MIXED

Verschiedene Proportionen in einer Serie

Die Gesamtbreite der Reihe, die Originalproportionen und eine Signatur für die gesamte Serie. Die Reihenfolge der Bilder ist für alle Sprachen gleich.

Grauer Platzhalter, Seitenverhältnis 9:16 — Die Serie hat einen Rhythmus und eine gemeinsame Signatur

GALLERY.REGULAR

Galerie nach Textbreite

Die gleiche Technik, gesammelt in einer regulären Kolumne.

GALLERY.FULL

Galerie in voller Breite

Die Serie reicht bis an die Ränder des Erscheinungsgebietes.

Die Serie hat einen Rhythmus und eine gemeinsame Signatur

Karten

Hier finden Sie alle Karten, die in aktuellen Publikationen zu finden sind, sowie separat gekennzeichnete vorgefertigte Themenoptionen. Neue Inschriften erklären die Technik selbst, die Bilder werden durch Platzhalter ersetzt.

CARD.BOOKMARK

Linkkarte

Wenn ein Link ein wenig Cover, Titel und Erklärung verdient.

Die folgende Geschichte beginnt unter diesem Link

Die Karte hilft Ihnen zu verstehen, wohin der Link führt, bevor Sie darauf klicken.

Style Guide

CARD.CALLOUT

Hinweiskasten

Ein grauer Hintergrund trennt die Erläuterung von der Hauptgeschichte.

Eine kleine Klarstellung. Nicht jeder Kommentar braucht einen neuen Abschnitt: Manchmal reicht eine Sprechblase, die neben dem gewünschten Absatz bleibt.

CARD.FILE

Datei zum Download

Titel, Erläuterung und die Datei selbst in einem Block.

Alle Designcodes

Wörterbuch dieses Verzeichnisses in JSON

style-guide-codes.json

JSON

Style Guide · nevsky.ae

CARD.BUTTON

Schaltfläche im Text

Eine separate Aktion, wenn ein normaler Link nicht ausreicht.

Weiter geht es per Link

CARD.CTA.MINIMAL-IMAGE

Kompakter CTA mit Bild

Die Option ist bereits in Veröffentlichungen zu finden. Der Text und das Bild werden hier durch pädagogische Beispiele ersetzt.

Hier macht die Geschichte eine Pause und schlägt den nächsten Schritt vor. Das Bild unterstützt die Idee und der Button zeigt Ihnen deutlich, wohin Sie gehen müssen.

Wählen Sie den nächsten Schritt

CARD.CTA.MINIMAL

Kompakter CTA ohne Bild

Die Option ist bereits in Veröffentlichungen zu finden. Der Text und das Bild werden hier durch pädagogische Beispiele ersetzt.

Hier macht die Geschichte eine Pause und schlägt den nächsten Schritt vor. Das Bild unterstützt die Idee und der Button zeigt Ihnen deutlich, wohin Sie gehen müssen.

Wählen Sie den nächsten Schritt

CARD.CTA.IMMERSIVE

Großer CTA mit Bild

Die Option ist bereits in Veröffentlichungen zu finden. Der Text und das Bild werden hier durch pädagogische Beispiele ersetzt.

Hier macht die Geschichte eine Pause und schlägt den nächsten Schritt vor. Das Bild unterstützt die Idee und der Button zeigt Ihnen deutlich, wohin Sie gehen müssen.

Wählen Sie den nächsten Schritt

CARD.CTA.CENTERED

Großer CTA in der Mitte

Die Option ist bereits in Veröffentlichungen zu finden. Der Text und das Bild werden hier durch pädagogische Beispiele ersetzt.

Hier macht die Geschichte eine Pause und schlägt den nächsten Schritt vor. Das Bild unterstützt die Idee und der Button zeigt Ihnen deutlich, wohin Sie gehen müssen.

Wählen Sie den nächsten Schritt

CARD.HEADER-SPLIT

Großes Banner mit seitlichem Bild

Zwei Felder: Illustration und Kurznachricht. Die Option „Volle Breite“ wird im Blog bereits verwendet.

Dieser Gedanke hat seine eigene Hülle

Ein großer Block ändert das Tempo der Seite. Hier können Sie ein Projekt einleiten oder eine Geschichte mit einem klaren Satz beenden.

Beispiel ansehen

CARD.TOGGLE

Dropdown-Block

Die kurze Frage ist sofort sichtbar. Klicken Sie darauf, um die detaillierte Antwort anzuzeigen.

Was kann unter Offenlegung verborgen bleiben?

Ein Zusatz, der nicht jedem Leser nützt: eine ausführliche Abfassung, eine Erklärung oder eine lange Antwort.

CARD.PRODUCT

Produktkarte

Fertiges Theme-Design. Wird in aktuellen Veröffentlichungen nicht verwendet; Wir fügen Preise und Bewertungen nur basierend auf echten Daten hinzu.

Hier steht der Produktname

Hier ist eine kurze Beschreibung. Das Beispiel zeigt die Komposition ohne fiktiven Preis oder Bewertung.

Zum Produkt

CARD.BUTTON.CENTER

Mitteltaste

Die gleiche Aktion befindet sich in der Mitte der Spalte.

Beispiel ansehen

CARD.BUTTON.SECONDARY

Ruhe-Taste

Sekundäre Aktion mit sekundärem Design.

Details anzeigen

CARD.CALLOUT.ACCENT

Hinweis in Akzentfarbe

Eine farbige Linie hebt den Hinweis hervor. Der Text bleibt auf dem Seitenhintergrund, ohne gefüllte Schaltflächenform.

Hier gibt es einen wichtigen Vorbehalt. Durch die Beschriftung bleibt es nah am Gedanken, auf den es sich bezieht.

CARD.CTA.WHITE

CTA auf weißem Hintergrund

Light-Version der Karte; Auch bei einem dunklen Theme macht sich die Farbe bemerkbar.

Der nächste Schritt kann ruhig vorgeschlagen werden. Es genügt eine kurze Erklärung und ein klarer Link.

Beispiel öffnen

CARD.HEADER.ACCENT

Banner mit Akzentfarbe

Eine kompakte Lesepause mit großer Überschrift und farbigem Akzent.

Pause, die sichtbar ist

Ein starker Akzent zwischen zwei ruhigen Textteilen

CARD.CALLOUT.EMOJI

Emoji-Callout

Das Emoji auf der linken Seite gibt die Intonation vor, der Text auf der rechten Seite verrät die Idee.

💡

Hier können Sie einen Fund, einen Hinweis oder eine wichtige Klarstellung hinterlassen. Der kleine Zettel hat auch eine Stimme.

CARD.CALLOUT.BLUE

Blaue Beschriftung

Fertige Farbe aus der Themenpalette. Hintergrundfarbe und Emoji können separat ausgewählt werden.

🌊

Eine blaue Beschriftung hebt einen kurzen Gedanken hervor. Wählen Sie einen Farbton, der zur Stimmung des Materials passt.

CARD.CALLOUT.GREEN

Grüner Hinweis

Fertige Farbe aus der Themenpalette. Hintergrundfarbe und Emoji können separat ausgewählt werden.

🌱

Ein grüner Ballon hebt einen kurzen Gedanken hervor. Wählen Sie einen Farbton, der zur Stimmung des Materials passt.

CARD.CALLOUT.YELLOW

Gelbe Beschriftung

Fertige Farbe aus der Themenpalette. Hintergrundfarbe und Emoji können separat ausgewählt werden.

☀️

Eine gelbe Beschriftung hebt einen kurzen Gedanken hervor. Wählen Sie einen Farbton, der zur Stimmung des Materials passt.

CARD.CALLOUT.RED

Rote Beschriftung

Fertige Farbe aus der Themenpalette. Hintergrundfarbe und Emoji können separat ausgewählt werden.

📍

Ein roter Ballon hebt einen kurzen Gedanken hervor. Wählen Sie einen Farbton, der zur Stimmung des Materials passt.

CARD.CALLOUT.PINK

Rosa Beschriftung

Fertige Farbe aus der Themenpalette. Hintergrundfarbe und Emoji können separat ausgewählt werden.

🌸

Ein rosa Luftballon hebt einen kurzen Gedanken hervor. Wählen Sie einen Farbton, der zur Stimmung des Materials passt.

CARD.CALLOUT.PURPLE

Lila Hinweis

Fertige Farbe aus der Themenpalette. Hintergrundfarbe und Emoji können separat ausgewählt werden.

🔮

Eine violette Beschriftung hebt einen kurzen Gedanken hervor. Wählen Sie einen Farbton, der zur Stimmung des Materials passt.

CARD.CALLOUT.WHITE

Leichter Anführer

Fertige Farbe aus der Themenpalette. Hintergrundfarbe und Emoji können separat ausgewählt werden.

💭

Eine helle Beschriftung hebt einen kurzen Gedanken hervor. Wählen Sie einen Farbton, der zur Stimmung des Materials passt.

Video

VIDEO.FILE.PORTRAIT

Vertikales Video

Akte 9:16, reguläre Kolumne. Das Video wird vom Leser selbst gestartet.

Echtes Video aus veröffentlichtem Material · Grok 4.6 in Cursor: ein Spitzenmodell für echte Arbeit

VIDEO.FILE.LANDSCAPE

Horizontales Video

16:9-Datei im Breitformat. Geeignet für Screencasting und Schnittstellendemonstration.

Echtes Video aus veröffentlichtem Material · Framer-Jahresbilanz: Das Jahr, das mich nach oben gebracht hat

VIDEO.FILE.FULL

Video in voller Breite

Die gleiche Datei an den Rändern des Publikationsbereichs. Die Blockgröße verändert das Seitenverhältnis des Videos nicht.

Echtes Video aus veröffentlichtem Material · Framer-Jahresbilanz: Das Jahr, das mich nach oben gebracht hat

VIDEO.FILE.SQUARE

Quadratisches Video

Echte quadratische Datei aus der Veröffentlichung. Sie müssen es nicht schneiden, um ein Quadrat zu erhalten.

Echtes Video aus veröffentlichtem Material · Threshold

VIDEO.LOOP.MUTED

Schleife ohne Ton

Das Video ist geloopt und stummgeschaltet. Durch Anklicken wird das Verzeichnis gestartet; Autoplay für einen Artikel wird als separater Befehl angegeben.

Echtes Video aus veröffentlichtem Material · Framer-Jahresbilanz: Das Jahr, das mich nach oben gebracht hat

Einbettungen und Audio

EMBED.YOUTUBE

YouTube Inside-Veröffentlichung

Verwendet einen echten Link aus einer Design- und Immobilienpublikation. Wenn das Video nicht verfügbar ist, können Sie trotzdem zur Quelle gehen.

Öffnen Sie YouTube

EMBED.INSTAGRAM

Instagram-Beitrag

Die native Instagram-Einbettung und das auf dem Website-CDN gespeicherte Video. Wechsle zwischen den Tabs, um beide Varianten zu vergleichen.

AUDIO.PLAYER

Audio

Das Design der Audiokarte ist im Thema; In der veröffentlichten Bibliothek wurden keine Audiodateien gefunden. Dies ist ein Sample-Player ohne Aufnahme.

Hier wird die eigentliche Audiodatei hinzugefügt – im Beispiel erfolgt keine Aufnahme

Artikelköpfe und Beitragslisten

Sieben Header-Optionen entsprechen der allgemeinen Liste der Site-Vorlagen und dem aktuellen Editor. Durch das Ändern der Kopfzeile werden der Text, die Blockreihenfolge oder die Sprachversionen nicht geändert. Materialeinstellungen werden als Entwurf gespeichert; Die Veröffentlichung erfolgt gesondert.

Das Vollbildbeispiel wird in einem separaten Fenster innerhalb des Verzeichnisses angezeigt, sodass dessen Hintergrund und Navigationsstile nicht die gesamte Style Guide-Seite verändern.

POST.HEADER.STANDARD

Titel über dem Bild

Titel und Beschreibung stehen über dem Titelbild. Das Bild behält sein ursprüngliches Seitenverhältnis.

Zwei Stunden im Café: Industrielle Marktbeobachtung mit ChatGPT und Codex gebaut

In zwei Stunden im Dubai-Café kamen Anna, meine „geheime Unternehmensberaterin“, und ich von der Idee zum B2B-Produkt: ChatGPT strukturierte Branchenlogik und Daten, Codex baute den Webdienst, Cloudflare brachte ihn in Produktion

Neuronale Netze und Vibe Coding KI-Projekte21. August 20263 Min.

Zwei Stunden im Café: Industrielle Marktbeobachtung mit ChatGPT und Codex gebaut — Zwei Kaffee, ein MacBook und ein paar Stunden: So entstand das erste PromPulse

POST.HEADER.LEFT

Titelbild links

Das Titelbild steht links, Titel und Beschreibung rechts. Auf schmalen Bildschirmen ordnet das Theme die Elemente neu an.

Zwei Stunden im Café: Industrielle Marktbeobachtung mit ChatGPT und Codex gebaut

Neuronale Netze und Vibe Coding KI-Projekte21. August 20263 Min.

POST.HEADER.RIGHT

Titelbild rechts

Titel und Beschreibung stehen links, das Titelbild rechts. Auf schmalen Bildschirmen ordnet das Theme die Elemente neu an.

Zwei Stunden im Café: Industrielle Marktbeobachtung mit ChatGPT und Codex gebaut

Neuronale Netze und Vibe Coding KI-Projekte21. August 20263 Min.

POST.HEADER.TOP

Bild über dem Titel

Das Titelbild erscheint vor Titel und Beschreibung und behält sein ursprüngliches Seitenverhältnis.

Zwei Stunden im Café: Industrielle Marktbeobachtung mit ChatGPT und Codex gebaut

Neuronale Netze und Vibe Coding KI-Projekte21. August 20263 Min.

POST.HEADER.WIDE

Breites Bild unter dem Titel

Titel und Beschreibung bleiben in der Textspalte. Darunter steht ein breites Titelbild.

Zwei Stunden im Café: Industrielle Marktbeobachtung mit ChatGPT und Codex gebaut

Neuronale Netze und Vibe Coding KI-Projekte21. August 20263 Min.

POST.HEADER.TEXT-ONLY

Nur Text

Der Artikelkopf enthält Titel und Beschreibung. Das Titelbild wird ausgeblendet, bleibt aber im Material erhalten.

Zwei Stunden im Café: Industrielle Marktbeobachtung mit ChatGPT und Codex gebaut

Neuronale Netze und Vibe Coding KI-Projekte21. August 20263 Min.

POST.HEADER.FULLSCREEN

Bildschirmfüllendes Titelbild

Das Titelbild füllt die Bildschirmhöhe als Hintergrund. Titel und Beschreibung liegen darüber; eine dunkle Überlagerung verbessert die Lesbarkeit.

POST.CARD.VERTICAL