This page is only available in German.

Brand Guidelines

Alles was du brauchst um Impulio konsistent und wiedererkennbar darzustellen. Von Logo und Farben bis hin zu Typografie und Tone of Voice.

Brand Story

Impulio gibt Social-Media-Creatorn die Werkzeuge, die sie brauchen, um ihren Content strategisch zu planen und konsistent zu veröffentlichen. Intelligente Funktionen arbeiten unsichtbar im Hintergrund, damit du dich auf das konzentrieren kannst, was zählt: großartigen Content.

Creator-First

Jede Entscheidung beginnt mit der Frage: Macht das den Alltag von Creatorn einfacher?

Invisible Intelligence

KI arbeitet im Hintergrund. Keine Sparkles, keine Scores, keine "AI-generierten" Labels. Einfach bessere Ergebnisse.

Dark-First Design

Dunkle Oberflächen schonen die Augen und lassen Content leuchten. Jedes Element wird zuerst für den Dark Mode entworfen.

Privacy by Default

DSGVO-konform, gehostet in Deutschland. Deine Daten gehören dir.

Brand Personality

Impulio spricht wie ein Freund, der sich mit Social Media auskennt. Direkt, kompetent und auf Augenhöhe. Nie belehrend, nie corporate. Immer Du, nie Sie.

Logo

Das Impulio-Logo besteht aus einem stilisierten Blitz mit Energy Dot. Es steht für Kreativität, Energie und den Impuls, etwas zu veröffentlichen.

Standard

Light Background

Dark Background

Icon Only

Schutzzone

Halte mindestens die Höhe des Energy Dots als Abstand zu anderen Elementen.

Mindestgrößen

Um die Lesbarkeit des Logos zu gewährleisten, sollte es nicht kleiner als 24px dargestellt werden.

24px

32px

40px

Do's & Don'ts

Do

Auf dunklem Hintergrund verwenden
Seitenverhältnis beibehalten
Genügend Abstand einhalten

Don't

Logo verzerren oder strecken
Gradient-Farben ändern
Auf unruhigem Hintergrund platzieren
Schatten oder Effekte hinzufügen

Farbpalette

Unsere Farbpalette basiert auf einem Cyan-Violet-Gradient. Für Text auf hellen Flächen verwenden wir Cyan Text (#007A6D) statt des hellen Cyan — damit erfüllen wir WCAG AA (Kontrastverhältnis 4.89:1).

Markenfarben

Impulio Cyan

rgb(0, 229, 204)

Primärfarbe, CTA-Buttons, Icon-Hintergründe, dekorative Elemente

Cyan Text

rgb(0, 122, 109)

Barrierefreie Textfarbe auf hellem Hintergrund (WCAG AA, 4.89:1)

Cyan Bright

rgb(0, 255, 224)

Hover-Zustände, aktive Elemente

Cyan Muted

rgb(0, 184, 163)

Dezente Akzente im App-Bereich

Impulio Violet

rgb(139, 92, 246)

Akzentfarbe, Gradient-Endpunkte

Violet Bright

rgb(167, 139, 250)

Hover-Zustände für Violet-Elemente

Violet Muted

rgb(124, 58, 237)

Sekundäre Violet-Akzente

Hintergründe

BG Primary

rgb(10, 10, 15)

Haupthintergrund

BG Secondary

rgb(18, 18, 26)

Karten, erhöhte Flächen

BG Tertiary

rgb(26, 26, 36)

Hover-Zustände, Input-Hintergründe

Semantisch

Success

rgb(16, 185, 129)

Erfolgsmeldungen

Warning

rgb(245, 158, 11)

Warnungen

Error

rgb(239, 68, 68)

Fehlermeldungen

Typografie

Unsere Typografie verbindet Klarheit mit Persönlichkeit. Drei Schriftfamilien decken alle Einsatzbereiche ab.

Schriftfamilien

Aa Bb Cc Dd Ee Ff Gg

Plus Jakarta Sans

font-display

Headlines, Brand-Elemente

Aa Bb Cc Dd Ee Ff Gg

Inter

font-sans

Fließtext, UI-Elemente

Aa Bb Cc 0123456789

JetBrains Mono

font-mono

Code-Snippets, technische Werte

Type Scale

Hero

text-hero

2.5rem - 4.5rem / LH 1.1

Landing-Page Hero Headlines

Impulio Brand Guidelines

text-h1

2rem - 3rem / LH 1.2

Seitentitel

Impulio Brand Guidelines

text-h2

1.5rem - 2.25rem / LH 1.3

Sektionsüberschriften

Impulio Brand Guidelines

text-h3

1.25rem - 1.5rem / LH 1.4

Unterabschnitte

Impulio Brand Guidelines

Body

text-base

1rem / LH 1.6

Fließtext, Beschreibungen

Impulio Brand Guidelines

Small

text-sm

0.875rem / LH 1.5

Beschriftungen, Labels

Impulio Brand Guidelines

Schriftschnitte

Regular400

Content-Planung für Social Media Creator

Medium500

Content-Planung für Social Media Creator

Semibold600

Content-Planung für Social Media Creator

Bold700

Content-Planung für Social Media Creator

Visueller Stil

Unser visueller Stil basiert auf einem dunklen Farbschema, subtilen Glow-Effekten und klaren Gradient-Akzenten.

Dark-First Design

Impulio nutzt ein dunkles Farbschema als Basis. Alle Komponenten werden zuerst für den Dark Mode entworfen, um Augen zu schonen und Content zum Leuchten zu bringen.

BG Primary#0A0A0F

BG Secondary#12121A

BG Tertiary#1A1A24

Glow Effects

.glow-cyan

.glow-cyan-lg

.glow-violet

Gradient

Brand Gradient

linear-gradient(135deg, #00E5CC, #8B5CF6)

Text Gradient

Impulio

.text-gradient-impulio

Elevation 2

Karte mit mittlerer Elevation

.elevation-2

Iconography

Primär: Lucide React Icons

Home

Calendar

Image

Settings

Bell

Für KI-Features: ImpulseIcon

Verwende NIEMALS Sparkle- oder Zauberstab-Icons für KI-Funktionen.

Motion & Animation

Fast100ms

--duration-fast

Normal200ms

--duration-normal

Moderate300ms

--duration-moderate

Slow500ms

--duration-slow

Slower700ms

--duration-slower

Transition-Utilities: .transition-theme, .transition-theme-fast, .transition-theme-slow

Barrierefreiheit

Alle Textfarben müssen WCAG 2.1 AA erfüllen: 4.5:1 für Fließtext, 3:1 für große Schrift (≥18pt oder ≥14pt fett).

#007A6D

Cyan Text auf hellem Hintergrund (#F7F7F5) — 4.89:1

#00E5CC

Nur für Buttons, Icons, dekorative Elemente — nicht als Textfarbe auf Hell

CSS-Variable: --marketing-accent-text: #007A6D für barrierefreie Textfarbe, --marketing-accent: #00E5CC für Hintergründe und Dekoration.

Component Showcase

Buttons

Tone of Voice

Unsere Sprache ist direkt, freundschaftlich und kompetent. Wir vermeiden typische KI-Floskeln und sprechen auf Augenhöhe.

Markenstimme

Direkt

Wir kommen zum Punkt. Keine Floskeln, keine Umwege. Jeder Satz hat einen Grund.

Freundschaftlich

Wie ein Freund der sich mit Social Media auskennt. Du-Ansprache, lockerer Ton, auf Augenhöhe.

Kompetent

Wir wissen wovon wir reden, ohne belehrend zu wirken. Fakten statt Meinungen.

Sprachregeln

Immer Du-Ansprache (nie Sie)
Deutsch als Hauptsprache
Kurze Sätze bevorzugen (5.–7. Klasse Leseniveau)
Aktiv statt Passiv
Keine Fachbegriffe ohne Erklärung
CTA: "testen" statt "starten" (+104% Conversion)
Satzlängen bewusst variieren (Burstiness)
Claims rechtlich prüfbar halten (deutsches Werberecht/UWG)

Verbotene Phrasen

"Darüber hinaus"
"Zusammenfassend"
"Basierend auf deinen Präferenzen..."
"Die semantische Analyse zeigt..."
"Aufgrund der thematischen Übereinstimmung..."
"Revolutioniere deinen Content"
"Cutting-edge" / "State-of-the-art"
Prozentangaben oder Scores im Text
Uniforme Satzlängen (variierende Längen verwenden)
Superlative mit Artikel ("die beste App") ohne Beweis (UWG)

Gut vs. Schlecht

Schlecht

✨ AI-Vorschlag

🤖 Dieser Trend wurde von unserer KI als relevant erkannt. Score: 87%

✨ Mit AI verbessern

Gut

#Minimalism🔥

Passt zu deiner “Home Office” Säule

Als Idee speichern