Ein Brand Style Guide von BB Brands

ARCTIVE
Brand Style Guide

Kompromisslose Performance-Supplements fuer Athleten, die keine Ausreden kennen. Dunkel. Intensiv. Wirksam.

April 2026
11
Kapitel
5
Farben
1
Typeface
Moeglichkeiten
Kapitel 01

Strategisches Fundament

Die strategische Basis, auf der jede Entscheidung — vom Shopify-Theme bis zur Meta Ad — aufgebaut wird.

Brand Story

ARCTIVE ist fuer diejenigen, die keine Ausreden kennen. Wir entwickeln hochdosierte, wissenschaftlich fundierte Supplements fuer maximale physische und mentale Performance. Keine Kompromisse, nur Resultate.

USP

Kompromisslose Performance-Formeln, entwickelt fuer maximale Bioverfuegbarkeit und spuerbare Resultate — ohne Fuellstoffe, ohne Bullshit.

Mission

Athleten und High-Performer mit den reinsten und effektivsten Naehrstoffen zu versorgen, um ihre Grenzen taeglich neu zu definieren.

Vision

Die fuehrende Performance-Brand im DACH-Raum, die den Standard fuer Qualitaet und Wirksamkeit in der Supplement-Industrie setzt.

Markenpersoenlichkeit

Archetyp

Der Held & Der Rebell

ARCTIVE ist herausfordernd, stark und direkt. Wir rebellieren gegen den Status Quo der Industrie — unterdosierte Produkte, leere Versprechen, Scam-Shop-Aesthetik — und befaehigen unsere Kunden, ueber sich hinauszuwachsen.

Markenwerte

Performance-Driven

Alles was wir tun, zielt auf messbare Leistungssteigerung ab.

🔬

Wissenschaftlich fundiert

Keine Mythen, nur evidenzbasierte Inhaltsstoffe.

💪

Kompromisslos

Hoechste Rohstoffqualitaet ohne unnoetige Fuellstoffe.

🔍

Klarheit

Transparente Dosierungen, direktes Wording.

🏆

Community

Wir bauen eine Elite-Community, keine anonyme Kundenbasis.

Zielgruppe

Primaer

Der Performance-Athlet

Demografie: 20–35 Jahre, maennlich/weiblich, DACH-Raum, mittleres bis hohes Einkommen.

Verhalten: Trainiert 4–6x pro Woche (Gym, CrossFit, Hyrox). Trackt Makros, informiert sich ueber Inhaltsstoffe.

Kauftreiber: Wirksamkeit, Dosierung, Geschmack, Brand-Image. Sucht nach dem "Edge" im Training.

Sekundaer

Der ambitionierte Lifestyle-Sportler

Demografie: 25–45 Jahre, DACH-Raum, beruflich stark eingebunden.

Verhalten: Integriert Fitness fest in den anspruchsvollen Berufsalltag. Sucht nach Optimierung.

Kauftreiber: Convenience, Premium-Qualitaet, Vertrauen in die Marke, Aesthetik.

Wettbewerbspositionierung

WettbewerberDeren FokusARCTIVE Positionierung
ESNMassenmarkt, riesiges Sortiment, staendige RabattschlachtenSpitzerer Fokus auf reine Performance. Premium statt Ramsch.
More NutritionLifestyle, Abnehmen, Geschmack, weibliche ZielgruppeHartes Training und Leistung statt "Kalorien sparen".
FoodspringCasual Fitness, Bio/Natural, teuer, LifestyleHaerter, wissenschaftlicher, wirksamer.
Rocka NutritionGeschmacks-Innovationen, junge Zielgruppe, HypeSubstanz ueber Hype. Evidenzbasierte Formeln.
Kapitel 02

Farbwelt

Dunkel, kontrastreich, performance-orientiert. Ein erweitertes Farbsystem mit Cyan, Magenta, Violet, Lime und Amber — fuer maximale Wiedererkennbarkeit auf Social Media.

Primaerfarben

Void Black
HEX: #050507
RGB: 5, 5, 7 · Nutzung: 55%
Arctic White
HEX: #F0F0F5
RGB: 240, 240, 245 · Nutzung: 25%
Electric Cyan
HEX: #00E5FF
RGB: 0, 229, 255 · Nutzung: 10%

Akzentfarben

Hot Magenta
HEX: #FF2D78
Energie · CTAs · Urgency
Ultra Violet
HEX: #8B5CF6
Premium · Science · Innovation
Neon Lime
HEX: #A3E635
Erfolg · Positiv · Natur
Warm Amber
HEX: #F59E0B
Warnung · Highlight · Warm

Signature Gradienten

Cyan → Violet → Magenta
Cyan → Violet
Magenta → Amber

Farbaufteilung & Kontraste

55-25-10-10 Aufteilung

AnteilFarbeEinsatz
55%Void BlackHintergruende, Sections, Body
25%Arctic WhiteTypografie, Headlines, Icons
10%Electric CyanPrimaere CTAs, Akzente, Links
10%AkzentfarbenSekundaere CTAs, Tags, Highlights

WCAG AA Kontraste

KombinationKontrastStatus
White auf Black19.3:1Pass AAA
Cyan auf Black13.5:1Pass AAA
Magenta auf Black5.2:1Pass AA
Cyan auf White1.4:1Fail

Verboten: Akzentfarben als Text auf weissem Hintergrund. Immer nur auf dunklen Flaechen einsetzen.

Kapitel 03

Typografie

Clean, modern, athletisch. Inter als universelle Sans-Serif fuer maximale Lesbarkeit und einen technischen, praezisen Look.

DEFY YOUR LIMITS
Inter Black (900)UppercaseTracking: -0.05emLine-Height: 1.05
Section Headline H2
Inter ExtraBold (800)UppercaseTracking: -0.03emLine-Height: 1.15
Card Title H3
Inter Bold (700)UppercaseTracking: -0.01emLine-Height: 1.3
ARCTIVE ist fuer diejenigen, die keine Ausreden kennen. Wir entwickeln hochdosierte, wissenschaftlich fundierte Supplements fuer maximale physische und mentale Performance. Keine Kompromisse, nur Resultate.
Inter Regular (400)Sentence CaseTracking: 0Line-Height: 1.7

Shopify Anwendung

ElementDesktopMobileWeightLine-HeightLetter-Spacing
H1 (Hero)64px / 4rem40px / 2.5rem9001.05-0.05em
H2 (Section)48px / 3rem32px / 2rem8001.15-0.03em
H3 (Card Title)24px / 1.5rem20px / 1.25rem7001.3-0.01em
H4 (Subtitle)18px / 1.125rem16px / 1rem6001.40
Body16px / 1rem15px / 0.9375rem4001.70
Button / CTA14px / 0.875rem13px / 0.8125rem7001.00.08em
Caption12px / 0.75rem11px / 0.6875rem5001.50.05em
Kapitel 05

Bildsprache

Dunkel, intensiv, schweisstreibend. Die Fotografie spiegelt die harte Arbeit wider, die unsere Zielgruppe taeglich leistet.

Lifestyle-Fotografie

Dunkle Gym-Umgebungen mit dramatischem Licht. Cyan- und Magenta-Akzente durch Neon-Beleuchtung. Echte Athleten bei echtem Training — kein gestelltes Posing.

Gym Intensitaet Dramatisch

Produktfotografie

Matte schwarze Oberflaechen, dramatische Rim-Lights in Cyan und Amber. Rauch/Nebel fuer Atmosphaere. Minimalistisch, luxurioes, dunkel.

Product Scene

Do's

  • Dunkle, moody Gym-Umgebungen mit Neon-Akzenten
  • Echte Athleten bei echtem Training (Schweiss, Kreide, Intensitaet)
  • Dramatisches Seitenlicht / Rim-Light
  • Matte schwarze Produkt-Aesthetik
  • Cinematic Color Grading (Teal & Orange)

Don'ts

  • Helle, sterile Studio-Aufnahmen
  • Gestelltes Posing ohne Trainingskontext
  • Stock-Foto-Aesthetik mit kuenstlichem Laecheln
  • Ueberladene Hintergruende oder Requisiten
  • Filter die das Bild aufhellen oder entsaettigen

Einsatz je Touchpoint

TouchpointBildtypStimmung
Shopify HeroLifestyle, Full-WidthEpisch, cinematic, dunkel
PDPPackshot + LifestyleClean, kontrastreich
Instagram FeedMix: 40% Lifestyle, 30% Produkt, 30% UGCDunkel, farbig, abwechslungsreich
Meta AdsUGC + Static + MotionAttention-Grabbing, kontrastreich
E-MailProdukt-Hero + LifestylePremium, fokussiert
Kapitel 06

Tone of Voice

Direkt, performance-getrieben, klar. Du-Ansprache. Kein Marketing-Blabla — nur Substanz.

🔥

Direkt

Keine Umwege, keine Floskeln. Wir sagen was Sache ist.

Aktivierend

Jeder Satz soll zum Handeln motivieren. Passivitaet ist keine Option.

🔬

Fundiert

Wir behaupten nichts, was wir nicht belegen koennen. Fakten statt Feelings.

Wording-Liste

Statt...Schreiben wir...
NahrungsergaenzungsmittelPerformance-Formeln
KundenAthleten / Community
KaufenHol dir / Sichere dir
Guenstig / BilligKompromisslos / Investition
ProduktFormel / System / Stack
Hilft beim MuskelaufbauEngineered fuer maximale Gains

Copy-Beispiele

Hero Headline

DEFY YOUR LIMITS.
FUEL YOUR EDGE.

CTA Button

JETZT DEINEN STACK SICHERN

Produktbeschreibung

8g reines Citrullin-Malat. 3.2g Beta-Alanin. 200mg Koffein. Keine Fuellstoffe, keine Kompromisse. Dein Pre-Workout fuer maximale Pumps und laserartigen Fokus.

Social Media Caption

5:30 Uhr. Gym. Kein Snooze-Button.
Dein Pre-Workout wartet nicht. Du auch nicht.

E-Mail Subject

Dein Stack ist fast leer. Nachschub?

Ad Hook

Du supplementierst seit Jahren — aber spuerst du wirklich was? Zeit fuer Formeln, die liefern.

Kapitel 07

Shopify Store

Dark-Mode Shopify Store mit Premium-Aesthetik. Mobile-First, conversion-optimiert, kein Ramsch-Feeling.

arctive.de
Shopify Hero Mockup

Hero Section

Full-Width Lifestyle-Bild mit dunklem Overlay. Headline links, CTA prominent. Kein Slider — ein starkes Statement.

Desktop: 70vh Mobile: 60vh

Navigation

Sticky, transparent-to-dark. Max 5 Hauptpunkte: Shop, Bestseller, Science, Community, About. Mega-Menu fuer Kategorien.

PDP-Struktur

Links: Produkt-Galerie (4-6 Bilder). Rechts: Titel, Preis, Varianten, Add-to-Cart, Trust-Badges. Darunter: Inhaltsstoffe-Tabelle, Reviews, Cross-Sells.

Trust-Elemente

USP-Leiste unter Hero: "Kostenloser Versand ab 49€" / "Made in Germany" / "Laborgetestet" / "30 Tage Zufriedenheitsgarantie"

Checkout

Dark-Mode Checkout. Logo oben. Vertrauenssignale. Express-Payment (Apple Pay, Google Pay, Klarna). Upsell im Cart.

Mobile-First

Sticky Add-to-Cart Button. Thumb-friendly Navigation. Schnelle Ladezeiten (<2s). Lazy Loading fuer Bilder. AMP-kompatibel.

Kapitel 08

Meta Ads Creatives

Attention-Grabbing, kontrastreich, scroll-stopping. Keine Advantage+ Creative Optimization — volle Kontrolle ueber jeden Pixel.

Ad Mockup

Formate

FormatRatioEinsatz
Feed Static1:1 / 4:5Produkt-Highlights, Testimonials
Story / Reel9:16UGC, Before/After, Unboxing
Carousel1:1Inhaltsstoffe, Vergleiche, Bundles

Hook-Strategien

"Du supplementierst seit Jahren — aber spuerst du wirklich was?"

"Dein Pre-Workout ist unterdosiert. Hier ist der Beweis."

"3 Inhaltsstoffe die 90% aller Supplements NICHT haben."

Content-Mix

40% UGC 30% Static 20% Motion 10% Memes
Kapitel 09

E-Mail / Klaviyo

Dark-Mode E-Mails mit klarer Struktur. Jede Mail hat ein Ziel, einen CTA, eine Conversion.

Template-Struktur

ARCTIVE
Hero Image
Headline hier
Body-Text mit maximal 3 Saetzen. Direkt, klar, aktivierend.
CTA BUTTON
Footer · Abmelden · Impressum

Klaviyo Flows

Flow 1 Welcome Series

3 Mails: Brand Story → Bestseller → 10% Gutschein

Flow 2 Abandoned Cart

2 Mails: Erinnerung (1h) → Urgency + Social Proof (24h)

Flow 3 Post-Purchase

Danke → Dosierungs-Guide → Cross-Sell (Tag 14) → Review Request (Tag 30)

Flow 4 Replenishment

Automatische Nachbestell-Erinnerung basierend auf Produktlaufzeit

Flow 5 Win-Back

Re-Engagement nach 60 Tagen Inaktivitaet mit exklusivem Angebot

Kapitel 10

Packaging & Unboxing

Das Produkt ist der Star. Matte schwarze Dosen mit farbcodierten Akzent-Streifen — sofort erkennbar, Instagram-tauglich.

Packaging Lineup

Farbsystem nach Kategorie

Cyan
Pre-Workout
Magenta
Protein
Lime
Greens / Health
Amber
Aminosaeuren
Violet
Recovery / Sleep

Produktdesign

Matte schwarze Dose. Minimalistisches Label: Logo oben, Produktname mittig, Akzent-Stripe am unteren Rand. Rueckseite: vollstaendige Naehrwerttabelle, Dosierungsanleitung.

Versand & Unboxing

Schwarzer Versandkarton mit weissem ARCTIVE-Logo. Innen: schwarzes Seidenpapier, Produkt, Insert-Karte mit QR-Code zur Community. Erster Eindruck = Premium.

Kapitel 11

Anwendungsbeispiele

So sieht ARCTIVE in der Praxis aus — ueber alle Touchpoints hinweg.

Instagram Grid Preview

IG 1 IG 2 IG 3 IG 4 IG 5 IG 6 IG 7 IG 8 IG 9

Content-Saeulen

40% Lifestyle / Training
25% Produkt / Packshots
20% Education / Science
15% UGC / Community

Story Mockup

Story Mockup

Meta Ad Mockup

Ad Mockup Feed
Ad Mockup Story

Community & Athlete Shots