Brand-Guidelines

So nutzt du Omnika-Logos, -Farben und -Sprache korrekt.

Logo-Usage

Do

  • Verwende offizielle Logo-Versionen (Light + Dark Variants).
  • Halte den Mindest-Abstand von 8px in alle Richtungen ein.
  • Mindest-Höhe: 24px (digital) / 12mm (print).
  • Hintergrund-Kontrast: WCAG AA-konform (mind. 4.5:1).

Don't

  • Stretche, drehe oder spiegele das Logo nicht.
  • Ändere die Logo-Farben nicht und nutze keine Farbverläufe.
  • Lege das Logo nicht ohne Abstand auf komplexe Hintergründe.
  • Verwende keine Logo-Variants außerhalb des offiziellen Brand-Kits.

Color-Palette

Primary + Accent + Neutrals. Jede Farbe als Hex / RGB / HSL. Copy-Buttons sind Preview — echte Clipboard-Aktion kommt mit dem Brand-Kit.

Primary

  • Brand-Primary

    Hex
    #4dffb3
    RGB
    rgb(77, 255, 179)
    HSL
    hsl(151, 100%, 65%)

    Mint-Green. Hauptakzent für CTAs, Highlights und Brand-Marker.

  • Brand-Dark

    Hex
    #0c1116
    RGB
    rgb(12, 17, 22)
    HSL
    hsl(214, 29%, 7%)

    Dunkler Hintergrund. Träger für Brand-Primary.

Accent

  • Accent-Yellow

    Hex
    #ffd24d
    RGB
    rgb(255, 210, 77)
    HSL
    hsl(45, 100%, 65%)

    Warmer Akzent für Highlights, Badges, Notice-Markers.

  • Accent-Violet

    Hex
    #a685ff
    RGB
    rgb(166, 133, 255)
    HSL
    hsl(257, 100%, 76%)

    Sekundärer Akzent für AI-/Automations-Kontexte.

  • Accent-Coral

    Hex
    #ff8b6a
    RGB
    rgb(255, 139, 106)
    HSL
    hsl(13, 100%, 71%)

    Warmer Akzent für Warnings, kritische Hinweise.

Neutrals

  • Surface-1

    Hex
    #171c22
    RGB
    rgb(23, 28, 34)
    HSL
    hsl(213, 19%, 11%)

    Erste Surface-Stufe. Cards, Panels, Sidebars.

  • Surface-2

    Hex
    #1f262e
    RGB
    rgb(31, 38, 46)
    HSL
    hsl(212, 19%, 15%)

    Zweite Surface-Stufe. Hover-States, nested Panels.

  • Text-Primary

    Hex
    #e6eaef
    RGB
    rgb(230, 234, 239)
    HSL
    hsl(213, 19%, 92%)

    Primärtext. Headlines und Fließtext.

  • Text-Muted

    Hex
    #8a929b
    RGB
    rgb(138, 146, 155)
    HSL
    hsl(213, 8%, 57%)

    Sekundärtext. Captions, Helper, Labels.

Typography

Headlines in Geist Sans (Bold/Semibold, Letter-Spacing -0.02em). Body in Geist Sans Regular (Line-Height 1.6). Code in Geist Mono.

  • H1 — Page-Title

    32–48px · Bold · Letter-Spacing -0.02em

    Brand-Guidelines

  • H2 — Section

    24–32px · Semibold · Letter-Spacing -0.02em

    Color-Palette

  • H3 — Sub-Section

    20–24px · Semibold

    Brand-Primary

  • Body — Fließtext

    15–16px · Regular · Line-Height 1.6

    Wir bauen Omnika für Teams, die alles in einem Tool wollen — ohne SaaS-Sprawl, ohne US-Cloud-Lock-in.

  • Small — Caption / Helper

    13–14px · Regular

    Brand-Kit-Downloads kommen mit V10.

Code / Monospace — Geist Mono

const brand = { primary: "#4dffb3", dark: "#0c1116" };

Sprach-Stil / Voice & Tone

Omnika klingt sachlich, direkt und gemacht — kein Corporate-Speech, keine Buzzword-Bingo.

  • Sachlich, ehrlich, ohne Marketing-Speak

    Konkret beschreiben, was das Tool macht — keine Buzzwords, keine Superlative.

    Beispiel: „Whiteboard mit Y.js-Sync“ statt „Revolutionäre Collaboration-Plattform“.

  • Aktiv statt passiv

    Aktive Verben machen Aussagen direkter und nachvollziehbarer.

    Beispiel: „Omnika sichert deine Daten“ statt „Daten werden gesichert“.

  • Wir / du, nicht Sie

    Wir adressieren Founder, Maker und Teams direkt und persönlich.

    Beispiel: „Du startest in 60 Sekunden“ statt „Sie können in 60 Sekunden starten“.

  • Verben statt Adjektive

    Verben zeigen, was passiert. Adjektive sind oft austauschbar.

    Beispiel: „Wir bauen DSGVO-konformes Hosting“ statt „Innovative DSGVO-Lösung“.

  • Tech-Begriffe konsistent pro Kontext

    Deutsch oder Englisch — pro Begriff einmal entscheiden, dann durchziehen.

    Beispiel: „DSGVO“ (deutsch), „E2EE“ (englisch), „Whiteboard“ (englisch).

Photography & Imagery

Bilder zeigen, was wir tatsächlich bauen — kein Stock-Pseudorealismus.

  • Bevorzugt: Reale Tool-Screenshots

    Echte Screenshots der Omnika-Module zeigen den tatsächlichen Stand. Keine Stock-Fotos von „Business-People in Suits“.

  • Wenn Stock nötig: warmer Look

    Natürliche Lichtsituationen, echte Arbeitsumgebungen. Kein cold-corporate, keine generischen Glas-Skylines.

  • Diversity: EU-Tech-Realität

    Team-Bilder spiegeln die EU-Tech-Realität wider — gemischte Backgrounds, gemischte Geschlechter, gemischte Generationen.

Co-Marketing & Permissions

Wir freuen uns, wenn du über Omnika schreibst, reviewst oder tutorial-st. Manche Kontexte brauchen kurz unsere Freigabe.

Du darfst:

  • Logo + Brand-Name in Reviews und Test-Berichten verwenden.
  • Logo + Brand-Name in Vergleichsartikeln und Listicles nennen.
  • Logo + Brand-Name in Tutorials, How-Tos und Video-Content nennen.
  • Logo + Brand-Name in Affiliate- und Partner-Content einbetten.

Du brauchst Permission für:

  • Co-Branded-Material (gemeinsame Logos, Lockups, Visuals).
  • Marketing-Campaigns, die Omnika prominent erwähnen oder zitieren.
  • Reseller-, Distribution- oder OEM-Kontexte.

Request an partnerships@omnika.team.

Brand-Kit-Downloads

Echte Downloads kommen mit V10. Bis dahin sind alle Buttons deaktiviert — wir wollen das Branding einmalig final ziehen, bevor Logos und Paletten zirkulieren.

  • Brand-Kit (ZIP)

    Logo als SVG/PNG, Color-Tokens als .ase und .json, Screenshots in 1920x1080.

    Brand-Kit ZIP (bald)

  • Figma-File

    Tokens, Komponenten und Beispiel-Frames für eigene Co-Marketing-Visuals.

    Figma-File (bald)

  • Tailwind Color-Token-Config

    Drop-in tailwind.config.ts mit Brand-Tokens — für Entwickler und Plugin-Builder.

    Tailwind Color-Token-Config (bald)

Brand-Fragen oder Partnerschaft?

Für Brand-Issues, Logo-Anfragen und Style-Klärungen schreib uns an brand@omnika.team. Für Co-Marketing, Affiliate- und Reseller-Themen partnerships@omnika.team.

brand@omnika.teampartnerships@omnika.team

Mehr Hintergrund: /marketing/press · /marketing/security