Freya Labs — Brand & CI Guidelines

1 Positionierung

Kern-Botschaft

"KI, die Ihr Unternehmen nie verlässt."

Tagline

Lokale KI-Infrastruktur für datensouveräne Unternehmen.

Brand Personality

Technisch kompetent Direkt & konkret Europäisch-souverän Lösungsorientiert Kein Marketing-Sprech

2 Farbpalette

Primäre Akzentfarben

Emerald — Primary

#34d399 · var(--v)

CTAs, Icons, Highlights, aktive Zustände

Emerald Dark

#059669 · var(--v2)

Hover-States, sekundäre Aktionen

Sky Cyan

#38bdf8 · var(--cyan)

Gradienten-Endpunkt, Dekor-Akzente

Primärer Gradient

linear-gradient(135deg, #34d399 → #38bdf8)

Einsatz: Logo-Mark, CTA-Buttons, Badges, Akzentlinien, Gradient-Text. Text-Farbe auf Gradient: #06231a

Hintergründe (Dark Mode)

Background

#0a0e1a · var(--bg)

Page Background

Background 1

#111726 · var(--bg1)

Alt-Sections

Background 2

#151c2e · var(--bg2)

Cards, Panels

Border

#232c42 · var(--border)

Standard-Rahmen

Border 2

#2a3450 · var(--bd2)

Hervorgehobene Rahmen

Textfarben

Text Primary

#e8ecf4 · var(--text)

Headlines, Fließtext

Text Muted

#94a3b8 · var(--muted)

Untertitel, Labels

Semantische Farben

Green — Erfolg

#34d399 · var(--green)

Bestätigung, positive Indikatoren, ✓

Red — Fehler

#f87171 · var(--red)

Ablehnung, kritische Warnungen, ✗

Amber — Achtung

#f59e0b · var(--amber)

Scarcity, Hinweise, ⚠

Emerald Transparenz-Skala (für Backgrounds & Borders)

.04 — Sehr subtiler Card-Tint

.10 — Icon-Container Background

.15 — Featured / Highlighted Card

.25 — Badge-Border, CTA-Box

.40 — Hover-State auf Cards

3 Typografie

Schriftfamilie

Inter

Google Fonts · Weights: 400 / 500 / 600 / 700 / 800 / 900 · Fallback: system-ui, sans-serif · Rendering: antialiased

Typografische Hierarchie

H1 / Heroclamp(2.6–4.6rem) · 900 · −0.04em · lh 1.02

Headline

H2 / Sectionclamp(1.9–2.8rem) · 800 · −0.03em · lh 1.10

Section Title

H3 / Card1.05rem · 700 · −0.01em

Card Heading

Eyebrow0.78rem · 700 · +0.10em · uppercase

Das Problem

Body1rem · 400 · lh 1.65

Fließtext für längere Beschreibungen und Absätze.

Body Small0.88–0.92rem · 400 · lh 1.65–1.70

Kleinerer Fließtext in Cards und Beschreibungen.

Label / Meta0.72–0.82rem · 700 · +0.06–0.10em

SECTION LABEL

Gradient Text120deg · Emerald → Cyan

Gradient Text

4 Layout & Spacing

Container

1160px max-width

28px horizontales Padding

Sektions-Rhythmus (vertikal)

96px Große Sektionen

72px Mittlere Sektionen

56px Kleine Sektionen / Stats

Border-Radius-System

9px

Logo-Mark

10px

Buttons

12px

Icons, Steps

14px

Cards (--r)

16px

Trust-Items

18px

Forms

24px

CTA-Box

999px

Pills / Tags

5 Komponenten

Buttons

Primary (Gradient)

Ghost

Icon-Container

Standard (44px · radius 12px)

SVG: stroke: var(--v) · stroke-width: 1.8 · fill: none · Größe: 22–24px

Badges & Pills

Hero-Badge (pulsierend)

EU AI Act · Governance jetzt aufbauen

Status-Pills

✓ Garantiert ✗ US-Cloud ⚠ Flex Routing ℹ Datenschutz-Fakt

Pulsierender Dot Live-Indikator · animation: pulse 2s infinite

Standard-Card

Hover-Effekt testen

Feature-Titel

Kurze Beschreibung der Funktion oder des Vorteils.

Logo-Mark

⬡

Freya Labs

30×30px · radius 9px · Gradient 135deg · Icon: ⬡ · Text: weight 800 · color #06231a auf Gradient

6 Motion & Animation

Scroll-Reveal (.fade)

opacity: 0 → 1 + translateY(22px → 0) · Dauer: 0.6s ease · Threshold: 0.08 · Delay-Staffelung: (index % 4) × 80ms

Hover-Übergänge (Cards)

Hover zum Testen

Standard-Card

border-color .2s · translateY(-3px)

Problem-Card

border-color .25s · translateY(-4px)

Transition-Referenz

Buttons (all)0.20s

Cards (transform + border-color)0.20s

Problem-Cards0.25s

Links / Nav (color)0.15s

7 Voice & Tone

Grundregeln

Sprache: Deutsch

Anrede: Siezen (B2B)

Zielgruppe: Entscheider in regulierten Unternehmen

Do ✓

Konkrete Zahlen mit Quellenangabe (Bitkom 2026)
Problem benennen, dann Lösung zeigen
Kurze, prägnante Sätze ohne Schachtelung
Technisch korrekt, ohne Jargon-Overload
„Wir hören zu" — kein Pitch-Ton
Europäischer Blickwinkel, DACH-Kontext

Don't ✗

Generische KI-Buzzwords ohne Substanz
„Revolutionär", „disruptiv", „game-changing"
Duzen der Zielgruppe
Vage Versprechen ohne Belege
US-amerikanische Marketing-Muster
Übertriebene Superlative

Schlüssel-Phrasen

"Datensouveränität by Design" "Kein Token-Risiko" "Betriebsbereit in Tagen" "EU-AI-Act-ready" "Schlüsselfertig" "DSGVO-konform by Design"

8 Offene Punkte

Finaler Markenname

„Freya Labs" ist aktueller Stand — finale Entscheidung ausstehend

Logo als SVG-Datei

Aktuell: Text + Hex-Icon (⬡). Vektordatei für Print und digitale Nutzung fehlt

Favicon / App-Icon

32×32px und 512×512px Variante erstellen

OG-Image / Social-Card

1200×630px Template für LinkedIn, Twitter, etc.

Light-Mode-Variante

Derzeit nur Dark Mode implementiert — Bedarf prüfen

Kontakt-E-Mail aktivieren

hallo@freyalabs.ai ist aktuell Platzhalter — MX-Record und Postfach einrichten

DSGVO-Zertifizierung konkretisieren

Art. 5 & 25 DSGVO Referenz durch Datenschutzbeauftragten absegnen lassen

Print-Farbcodes

CMYK- und Pantone-Äquivalente für Drucksachen definieren