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, der Kreativität und Energie ausstrahlt. Alle Farben sind auf dunkle Hintergründe optimiert.

Markenfarben

Impulio Cyan

rgb(0, 229, 204)

Primärfarbe, CTAs, Links, Highlights

Cyan Bright

rgb(0, 255, 224)

Hover-Zustände, aktive Elemente

Cyan Muted

rgb(0, 184, 163)

Sekundärer Text, dezente Akzente

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

Border Gradient Top

Karte mit Gradient-Akzent am oberen Rand

.border-gradient-top

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

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
Aktiv statt Passiv
Keine Fachbegriffe ohne Erklärung

Verbotene Phrasen

"Darüber hinaus"
"Zusammenfassend"
"Basierend auf deinen Präferenzen..."
"Die semantische Analyse zeigt..."
"Aufgrund der thematischen Übereinstimmung..."
Prozentangaben oder Scores im Text

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