MEDIEN

Design Manual

Das vollständige cloudstrata-Markensystem — Logos, Farbe, Typografie, Nutzungsregeln und Presse-Assets für eine konsistente Darstellung in Digital und Print.

LOGOS

Wortmarke zum Download

Verwenden Sie die graue, schwarze oder weiße Wortmarke. SVG für Screens und Interfaces; PNG oder Hi-Res-PNG für Präsentationen, Print und Pressekit.

PNGStandard-Raster für Folien, E-Mail und Web-Einbettungen, wenn SVG nicht unterstützt wird.

SVGBevorzugtes Vektorformat für UI, Websites und skalierbare digitale Layouts.

Hi-Res-PNGHochauflösendes Raster für Print, Großflächen und redaktionelle Layouts.

cloudstrata grauPNGDatei herunterladen

cloudstrata weißPNGDatei herunterladen

cloudstrata schwarzPNGDatei herunterladen

cloudstrata grauSVGDatei herunterladen

cloudstrata weißSVGDatei herunterladen

cloudstrata schwarzSVGDatei herunterladen

cloudstrata grauHi-Res-PNGDatei herunterladen

cloudstrata weißHi-Res-PNGDatei herunterladen

cloudstrata schwarzHi-Res-PNGDatei herunterladen

FaviconICO · Browser- und App-IconDatei herunterladen

NUTZUNG

Schutzraum und Anwendung

Schützen Sie die Wortmarke mit Freiraum, bewahren Sie die Proportionen und wählen Sie die Variante mit dem stärksten Kontrast zum Hintergrund.

Schutzraum

Halten Sie um die Wortmarke mindestens so viel Freiraum frei wie die Höhe der Kleinbuchstaben. Platzieren Sie keine anderen Logos, Texte oder Grafiken in dieser Zone.

Mindestgröße

Die Wortmarke nicht kleiner als 80 px Breite am Screen bzw. ca. 20 mm im Print wiedergeben. Wo möglich 120 px oder mehr nutzen.

Schwarz auf hell

Grau auf gedämpft

Weiß auf dunkel

So

Schutzraum und Ausrichtung zu anderen Markenelementen einhalten.
Schwarz, Grau oder Weiß je nach Hintergrundkontrast wählen.
SVG für Produkt-UI, Hi-Res-PNG für Print oder Presse liefern.
Die vollständige Wortmarke erhalten — Buchstaben nie beschneiden.
Marke mit cloudstrata-Primärtypografie und Farbtokens kombinieren.

Nicht so

Wortmarke nicht strecken, verzerren oder rotieren.
Buchstaben nicht umfärben oder mit eigenen Markenfarben versehen.
Keine Schatten, Konturen, Glows oder Verläufe auf das Logo legen.
Marke nicht auf unruhigen Fotos oder kontrastarmen Flächen platzieren.
Buchstaben nicht beschneiden, stapeln oder umordnen.

FARBE

Markenpalette

Kühle, institutionelle Neutrals mit tiefblauem Akzent. Klicken Sie auf ein Swatch, um den Hex-Wert zu kopieren.

Highlight-Verlauf

Reserviert für Produktbetonung (z. B. AI-Foundry-Titel). Nicht als allgemeine Hintergrundfläche nutzen.

TYPOGRAFIE

Schriftsystem

Editorial Display-Serif für Überschriften; präzise Sans für Interface und Fließtext. Optisches Tracking hält große Schrift eng und Labels offen.

Cormorant Garamond · Display / Überschriften

Plattformen, die liefern.

Gewicht 500–600 · enges Tracking bei großen Größen · Fallback: Times New Roman

Plus Jakarta Sans · UI / Fließtext

cloudstrata baut produktionsreife Cloud-Plattformen, KI-Runtimes und Software — von der Strategie bis in den Live-Betrieb.

Gewicht 400–600 · Body 1.0625 rem · Fallback: Helvetica Neue

HeroHero-Überschrift

SectionAbschnittsüberschrift

BodyFließtext für Longform und Produktbeschreibungen.

LabelAbschnittslabel

FORM

Ecken und Flächen

Weiche editorial Ecken — weder Pill noch messerscharf. Dezente Borders statt schwerer Schatten.

2 px · xs

4 px · sm

6 px · md

10 px · lg

Interaktive Standardflächen nutzen 4 px (sm). Keine vollrunden Pills und keine mehrschichtigen Glow-Effekte.

FOTOGRAFIE

Bildsprache

Dokumentarisch, ruhig und leicht entsättigt. Zeigt echte Arbeitskontexte — keine Stock-Abstraktionen oder Neon-Tech-Klischees.

Natürliches Licht, reale Umgebungen und Menschen in fokussierter Arbeit bevorzugen.
Leichte editorial Grade: milde Entsättigung, sanfter Kontrast.
Schwere Vignetten, Neon-Overlays und generische KI-Büro-Szenen vermeiden.
Gesichter und Produkt-UI lesbar halten; mit Absicht croppen, nicht dekorativ.