Brand Style Guide

Wie aban news aussieht, klingt und sich anfühlt. Diese Seite ist die Single Source of Truth für jede:n, der etwas im Namen von aban news baut, schreibt oder gestaltet.

Inhalt

Logo & Varianten
Farbpalette
Typografie
Voice & Tone
Photography & Iconography
Email-Signaturen
Social-Media-Assets
Brand-Promises
Don'ts (Anti-Brand)
Download — Brand-Assets-ZIP

1. Logo & Varianten

Das Primary-Logo ist das ☕-Emoji in Amber-Farbe, kombiniert mit dem Wortmark „aban news". Drei SVG-Varianten stehen zur Verfügung: Full (Icon + Wortmark), Icon-only, Monochrome.

Primary — Emoji

☕

U+2615 — system emoji, no asset needed

Icon-only (Light)

logo-icon.svg — verwende für Avatare, Favicons, App-Icons

Icon-only (Dark)

Same SVG, dark background

Full Logo (Icon + Wortmark)

logo-full.svg — Header, Footer, formelle Kontexte

Monochrome

logo-mono.svg — Print, Fax, Single-Color-Drucke; verwendet currentColor

Logo-Regeln

Minimale Höhe: 24px (Icon), 32px (Full)
Clear-Space: mind. 1x Logo-Höhe in alle Richtungen frei
Keine Farb-Verfremdung, keine Effekte, keine Verzerrung
Nicht auf gemusterten oder unruhigen Hintergründen platzieren

2. Farbpalette

Fünf Kernfarben. Amber ist die Brand-Signature. Dark ist die Body-Text-Default. Cream ist Hintergrund. Light-Gray und Mid-Gray für sekundäre UI-Elemente.

Amber (Primary)

HEX: #d97706
RGB: 217, 119, 6
HSL: 32°, 95%, 44%

Headers, CTAs, Brand-Accents

Amber Light

HEX: #fbbf24
RGB: 251, 191, 36
HSL: 43°, 96%, 56%

Hover-States, Sub-Accents

Dark

HEX: #1f2937
RGB: 31, 41, 55
HSL: 215°, 28%, 17%

Body-Text, Footer-Background

Cream

HEX: #fef3c7
RGB: 254, 243, 199
HSL: 48°, 96%, 89%

Code-Boxes, Highlight-Cards, Soft-Backgrounds

Mid Gray

HEX: #6b7280
RGB: 107, 114, 128
HSL: 220°, 9%, 46%

Sekundärtext, Meta-Info, Disabled

Accessibility-Notiz

Amber #d97706 auf Weiss erreicht WCAG AA für grosse Texte (≥18pt) — für Body-Text auf Weiss immer Dark #1f2937. Amber auf Dark erreicht AAA — nutzbar für Headers im Dark-Mode.

3. Typografie

Inter als Primary für UI & Body. JetBrains Mono für Code & Daten. System-Fallbacks sorgen für Performance ohne Webfont-Dependency.

font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
font-family-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;

H1 — 2.5rem / 700 / line-height 1.2

aban news — kein Hype.

H2 — 1.75rem / 700 / color: amber

Voice & Tone

H3 — 1.25rem / 600 / color: dark

So schreibt aban news

Body — 1rem / 400 / line-height 1.6 / color: dark

Kurze Sätze. Klare Verben. Konkrete Zahlen. Wenn ein Satz mehr als 25 Wörter hat — kürzen. Wenn ein Absatz mehr als 4 Sätze hat — splitten.

Small / Meta — 0.875rem / 400 / color: mid-gray

Mo–Fr morgens · 3–5 Min Lesezeit · DSGVO-konform · kein Marketing-Sprech

Code — 0.875rem / JetBrains Mono / background: cream


      claude.messages.create({ model: "claude-sonnet-4-7" })

4. Voice & Tone

aban news klingt wie ein:e schweizer/deutsche Freund:in, der/die täglich AI nutzt und keinen Bullshit duldet. Direkt-respektvoll, kein Marketing-Sprech, mit Stand-der-Dinge-Briefing.

Voice-Pillars

Konkret: Zahlen, Beispiele, echte Use-Cases statt Buzzwords
Direkt: Sagen was Sache ist, ohne Floskeln oder Höflichkeits-Bloat
Respektvoll: Leser:in wird als kompetent behandelt, nicht belehrt
Selbstkritisch: Eigene Fehler und Limitationen werden benannt
Hilfsbereit: Jede Ausgabe muss mindestens EINEN umsetzbaren Punkt liefern

Do

„Claude Sonnet 4.7 kostet 3$/1M Input-Tokens. Hier ein Prompt der mir 30 Min spart:"
„Make.com hat in 3 Monaten 600 Operations verbraucht — Free-Tier reicht für DACH-Solo."
„Diese Methode funktioniert für mich. Bei dir vielleicht nicht. Test es."
„Hier ist mein Fehler von letzter Woche, und was ich daraus gelernt habe."
„Kein Lust auf 47 Newsletter? Verstehe ich. Abonnier trotzdem oder eben nicht."

Don't

„Revolutioniere deine Productivity mit unserem cutting-edge AI-powered Workflow!"
„KI ist die Zukunft — wer jetzt nicht handelt, wird abgehängt!"
„Diese 7 Hacks werden dein Business 10x transformieren!"
„Ich darf nicht verraten, was ChatGPT WIRKLICH kann…"
„Hi, mein Name ist Aban, und ich helfe Solopreneuren dabei…"

5. Photography & Iconography

aban news verwendet KEINE Stock-Photos. Keine Generic-AI-Bilder von blauen Hirnen oder schwebenden Roboterhänden. Stattdessen: Inline-SVGs, Emojis, klare typografische Akzente.

Regeln

Icons: Inline-SVG, mind. 24px, max. 64px für UI; currentColor nutzen
Emojis: System-Emojis bevorzugt (kein Custom-Emoji-Set) — ☕ ⚡ 🔍 💡 ⚠️
Illustrationen: wenn nötig, dann minimal, monochrome, in Brand-Amber
Photos: nur eigene Fotos (vom Autor) oder explizit lizenzierte Custom-Shots
Kein KI-Bild ohne Kennzeichnung: wenn doch, dann mit Label „KI-generiert"

6. Email-Signaturen

Drei vordefinierte HTML-Signaturen für verschiedene Kontexte. Keine animierten Banner, keine Tracking-Pixel, keine 12 verlinkten Social-Icons.

Newsletter / Footer

<p style="font-family: Inter, sans-serif; font-size: 14px; color: #1f2937;">
  ☕ <strong>aban news</strong> — täglicher AI-Newsletter für DACH<br>
  Mo-Fr morgens · 3-5 Min · kein Hype<br>
  <a href="https://abannews.com" style="color: #d97706;">abannews.com</a>
</p>

Cold-Outreach / Business

<p style="font-family: Inter, sans-serif; font-size: 14px; color: #1f2937;">
  Beste Grüsse,<br>
  Aban (Allen Chour)<br>
  <span style="color: #6b7280;">Founder, aban news</span><br>
  <a href="https://abannews.com" style="color: #d97706;">abannews.com</a> ·
  <a href="mailto:hi@abannews.com" style="color: #d97706;">hi@abannews.com</a>
</p>

Personal / Casual

<p style="font-family: Inter, sans-serif; font-size: 14px; color: #1f2937;">
  — Aban ☕<br>
  <a href="https://abannews.com" style="color: #d97706;">abannews.com</a>
</p>

7. Social-Media-Assets

Vorgegebene Sizes für die wichtigsten Plattformen. Template-Skizzen unten — alle als SVG/PNG erstellbar, mit Inline-Svg-Logo und konsistenter Typografie.

Layout-Regeln

Brand-Mark (☕ + Wortmark) immer in linker oberer Ecke oder zentriert
Maximaler Text-Anteil: 50% der Fläche
Keine Quadrate, Banner, Headlines mit mehr als 8 Wörtern
Farben aus Palette — keine externen Brand-Farben mischen

8. Brand-Promises

7 Kernversprechen, die in jedem Touchpoint von aban news eingehalten werden müssen.

1. Kein Hype

Wir verkaufen keinen AI-Bullshit. Wenn etwas hypisch klingt, schreiben wir es um — oder lassen es weg.

2. 3-5 Minuten

Jede Newsletter-Ausgabe ist in 3-5 Min gelesen. Länger = wir haben nicht ausreichend kuratiert.

3. DSGVO-First

Kein Tracking-Cookie ohne Opt-in. Kein Marketing-Pixel. Plausible statt GA.

4. Persönlich kuratiert

Jede Ausgabe wird von einem Menschen (Aban) geprüft, bevor sie raus geht. AI assistiert. Mensch entscheidet.

5. Quellen verlinkt

Jeder Claim → eine Primärquelle. Keine zweite Hand. Keine „eine Studie zeigt…"

6. Mindestens 1 Umsetzbares

Jede Ausgabe hat mindestens EINE Sache, die Leser:innen heute noch anwenden können.

7. Korrekturen sichtbar

Wenn wir Fehler machen, korrigieren wir sie öffentlich im nächsten Newsletter mit Datum.

9. Don'ts — was zerstört Brand-Konsistenz

Diese Liste ist nicht-verhandelbar. Jedes Element, das gegen einen dieser Punkte verstösst, wird zurückgewiesen — egal wie schön es aussieht oder wie viel Engagement es bringt.

Keine Marketing-Floskeln: „game-changer", „revolutionary", „cutting-edge", „synergy"
Keine Affiliate-Links ohne Kennzeichnung: wenn ja, klar deklariert
Keine Stock-Photos: niemals. Punkt.
Keine Generic-AI-Bilder: kein blaues Hirn, keine schwebende Hand
Kein Clickbait: „Du wirst nicht glauben, was Claude jetzt kann…"
Keine FOMO-Taktiken: „nur noch 24 Std", „nur die ersten 100 Subs"
Kein Tracking-Pixel: in Newsletter oder auf der Site
Keine Pop-ups: niemals. Auch nicht „exit-intent".
Keine Buzzword-Bingo-Headlines: „AI-powered, blockchain-enabled, web3-native"
Keine Vorwürfe an Konkurrenten: wir sprechen über uns, nicht gegen andere

10. Download — Brand-Assets-ZIP

Alle Brand-Assets in einem Paket: Logo-Varianten als SVG, Open-Graph-Image, Favicon, Farb-Palette, Usage-Guidelines.

aban news — Brand Assets

SVG-Logos · OG-Image · Favicon · Color-Palette · README

Download ZIP (~10 KB)

Inhalt: logo-full.svg, logo-icon.svg, logo-mono.svg, og-image.svg, favicon.svg, color-palette.txt, README.txt.