FoxifAI
CI · v2.0.0 · 2026-04-17 | Brand Colors Type Logo Voice
Corporate Identity · FoxifAI

Be
ahead.—

FoxifAI steht für digitale Lösungen mit Weitblick, messbarer Effizienz und klarer Haltung. Dieses Dokument definiert die visuelle und sprachliche Sprache der Marke — verbindlich, direkt aus dem Produktiv-Code abgeleitet.

Claim „Be ahead."
Kapitel 01

Brand Statement

Wer wir sind, wofür wir stehen und wie sich das in jedem Projekt zeigt. Drei Sätze als Nordstern — und eine Positionierung, die keinen Spielraum lässt.

Manifest

FoxifAI steht für digitale Lösungen mit Weitblick, messbarer Effizienz und klarer Haltung.

Wir verbessern Strukturen, beschleunigen Abläufe und schaffen Wirkung.
Jede Lösung ist ein Werkzeug, kein Experiment.

Positionierung

KI-Agentur für KMU im Ruhrgebiet und NRW — pragmatisch, direkt, ergebnisorientiert. Wir bauen Werkzeuge, keine Buzzwords.

Wertesystem
01 · WeitblickVon Anfang an KI-gedacht
02 · EffizienzMessbar. Immer.
03 · HaltungWir haben eine Meinung
04 · NäheDrei Gründer, eine Rufnummer
Kapitel 02

Farbpalette

Drei primäre Farben tragen die gesamte Marke. Dunkel als Standard, Orange als Signal, Hell für Klarheit. Klick auf einen Swatch kopiert den Hex-Code.

2.1 · Primärpalette

Surface Dark
--color-surface-dark
Copy hex
HEX · #1A1A1A
RGB · 26, 26, 26
CMYK · 0 0 0 100
Primary BG · Dark Mode default
Surface Light
--color-surface
Copy hex
HEX · #F5F5F5
RGB · 245, 245, 245
CMYK · 2 2 0 0
Text auf Dunkel · Hell-BG
Signal · Brand
--color-brand
Copy hex
HEX · #E94F1E
RGB · 233, 79, 30
CMYK · 0 83 94 0
CTAs · Highlights · Akzent

2.2 · Sekundärpalette

Warm Taupe
--color-muted
Copy hex
HEX · #B09A94
RGB · 176, 154, 148
CMYK · 0 12 16 31
Sekundärtext · Labels
Surface Elevated
--color-surface-elevated
Copy hex
HEX · #242424
RGB · 36, 36, 36
CMYK · 0 0 0 86
Karten · erhöhte Flächen
Text on Brand
--color-on-brand
Copy hex
HEX · #1A1A1A
RGB · 26, 26, 26
Use: Dunkle Schrift
auf orange Flächen

2.3 · Barrierefreiheit · WCAG

KombinationVorschauKontrastStatus
#F5F5F5 auf #1A1A1A Rundum-Sorglos Website 16.1 : 1 AAA ✓
#E94F1E auf #1A1A1A Be ahead. 5.4 : 1 AA ✓
#B09A94 auf #1A1A1A Sekundärtext · Labels 4.6 : 1 AA ✓
#1A1A1A auf #E94F1E Kostenloses Erstgespräch 5.1 : 1 AA ✓

2.4 · Semantische Aliase

--color-bg:         var(--color-surface-dark)   /* Seitenhintergrund */
--color-text:       var(--color-surface)        /* Primärtext       */
--color-text-muted: var(--color-muted)          /* Sekundärtext     */
--color-accent:     var(--color-brand)          /* Akzentfarbe      */
Kapitel 03

Typografie

Zwei Familien. Syne für Marketing-Momente und Headlines — geometrisch, charakterstark. DM Sans für Fließtext und UI — neutral, lesbar, robust.

Display / Heading
Syne
Gewichte400 · 700 · 800
QuelleGoogle Fonts
EinsatzH1–H4, Claims, Branding
Body / UI
DM Sans
Gewichte300 · 400 · 500
QuelleGoogle Fonts
EinsatzFließtext, UI, Navigation

3.1 · Type Scale

H1 · DisplayHero-Headlines
Be ahead.
72 / 68 · 800
H2 · SectionAbschnitte
Welcher Hebel ist deiner?
48 / 48 · 700
H3 · SubsectionUnterkapitel
Rundum-Sorglos Website
28 / 32 · 700
LeadIntro-Absätze
Webdesign & KI-Automatisierung aus Bochum — damit du dich auf das konzentrierst, was zählt.
20 / 30 · 400
BodyFließtext
Keine nachgerüsteten Features — jede Lösung wird von Grund auf mit KI konzipiert. Das ist der Unterschied zu klassischen Agenturen.
16 / 24 · 300
LabelUI-Labels
Kostenloses Erstgespräch
13 / 16 · 500 · uppercase
CaptionMeta / Captions
Ab 1.920 € Setup · 100 €/Monat · jährlich kündbar
12 / 16 · 400

3.2 · Type Playground

Websites die Kunden bringen.
Kapitel 05

Form & Radius

Zwei Radien halten die ganze UI zusammen. Weich genug um freundlich zu wirken, streng genug um nicht soft zu werden.

Card / Block Radius
--radius-card · 1.25rem · 20px
Karten · Modals · Content-Blöcke
Button / Input Radius
--radius-button · 0.5rem · 8px
Buttons · Inputs · Tags
Button · Primary
Kostenloses Erstgespräch → Unsere Leistungen
Input · Form
Kapitel 06

Motion

Eine Easing-Kurve. Drei Ebenen: CSS-Loops, Framer Motion für State, requestAnimationFrame für Präzision. Reduced-Motion wird überall respektiert.

Ease Out Expo
cubic-bezier(0.16, 1, 0.3, 1)
Fade Up · whileInView
opacity 0 → 1, y 24 → 0 · 600ms
Shimmer · Infinite
background-position loop · 2s
Läuft dauerhaft
Strategie · Drei Ebenen
CSS @keyframes
Infinite Loops: Shimmer, Marquee, Blob. Über Tailwind/CSS.
Framer Motion
State-getriggert: whileInView, whileHover, AnimatePresence.
requestAnimationFrame
AnimatedCounter, focus() nach Render — Präzision per Hand.
Kapitel 07

Tone of Voice

Deutsch. Du-Form. Kein Agentur-Blabla. Kurze Sätze. Aktiv statt passiv. Zahlen statt Versprechen. Wir haben eine Meinung — und sagen sie.

Prinzip 01
Direkt
Kein Fachjargon. Klare Aussagen mit Substanz.
Prinzip 02
Ergebnisorientiert
Immer konkret: Wirkung, Zahl, Nutzen.
Prinzip 03
Klar
Kurze Sätze. Keine Schachtelsätze. Aktiv.
Prinzip 04
Haltung
Wir sagen, was funktioniert — und was nicht.

So schreiben wir

  • „Du verpasst keinen Anruf mehr."
  • „In 2 Wochen live."
  • „100 €/Monat. Jährlich kündbar."
  • „Drei Gründer. Eine Rufnummer."
  • „Wir bauen Werkzeuge, keine Experimente."
„Keine nachgerüsteten Features — jede Lösung wird von Grund auf mit KI konzipiert."

So schreiben wir nicht

  • „Ganzheitliche, innovative Lösungen."
  • „State-of-the-Art Technologie."
  • „Zukunftsorientiert aufgestellt."
  • „Wird durch KI ermöglicht."
  • „Synergien nutzen."
„Wir bieten ganzheitliche, zukunftsorientierte KI-Lösungen, die Ihren Workflow revolutionieren."
Sprach-Pflicht · Unicode-Korrektheit
Alle deutschen Texte mit korrekten Zeichen: ü ä ö ß – — „ " »
Keine ASCII-Ersetzungen (nicht „ue", „ae", „ss"). Gedankenstrich: —, nicht „-".
Kapitel 08

Services & Firma

Drei Pakete. Alles aus einer Hand. Feste Preise. Das Namenssystem „Rundum-…" verbindet sie sprachlich.

01

Rundum-Sorglos Website

SEO-optimierte Websites mit Hosting, Sicherheit und monatlichen Updates — als Abo, nicht als Einmalprojekt.

/website · Webdesign Bochum
02

Rundum-Stimmig Voice Agent

KI-Telefonassistent, 24/7 erreichbar. Nimmt Anrufe entgegen, beantwortet Fragen, bucht Termine. Via fonio.ai.

/voice-agent · Voice Agent Bochum
03

Rundum-Effizient Automation

Custom Workflow-Automatisierung via n8n. Wiederkehrende Aufgaben automatisieren, Zeit gewinnen.

/automation · KI-Automatisierung NRW
Preisrahmen
1.920 € – 4.000 €
Setup, einmalig
100 €/Monat
Retainer · jährlich kündbar
Firma
NameFoxifAI
AdresseLeibnizstraße 9a, 44793 Bochum
E-Mailcontact@foxifai.com
Telefon+49 (234) 953 131 04
Websitefoxifai.com
Kalendercal.com/foxifai
Gründer
Maurice Huke
Strategie & Projektmanagement
Filip-Maximilian Jacobi
CTO & Fullstack-Entwicklung
Robin Paolo Pistorio
Vertrieb & Kundenbeziehungen
SEO-Zielkeywords
KI-Agentur Bochum Voice Agent Bochum Webdesign Bochum KI-Automatisierung NRW
copied