Brandbook

Ein Designsystem für Radio, Räume, Studio, Spirits, Merch, Journal, Website und App. Eine Master-Palette, eine Typo-Logik, ein Raster – kantig, warm, kuratiert.

Version 2.0 · gezogen aus dem Live-System der Website

00 Was gilt

Version 2 ist aus dem Live-Design-System der Website gezogen – nicht am Reißbrett entworfen. Was hier steht, läuft draußen. Die alte Version-1-Palette ist vollständig ersetzt.

Kantig

Keine Radien, keine Schatten. Tiefe entsteht über Fläche, Linie und Kontrast – nicht über Weichzeichner.

Ein Akzent

Signal-Gelb ist die einzige Akzentfarbe. Marker für Handlung, nie Fläche. Clay und Olive sind gestrichen.

Sans führt

Überschriften laufen in Asif Sans. Display (Bodoni) ist auf Artikel- und Cover-Titel reduziert.

Änderungen zu v1
  • Signal #F2994A Orange → #E7DF72 blasses Gelb
  • Ink, Paper, Cardboard, Graphite, Muted alle verschoben
  • Clay und Olive ersatzlos gestrichen
  • Radius 22/14/pill → durchgehend 0 · Schatten → none
  • Schriften self-hosted als Variable Fonts unter Marken-Namen
  • Feste Typo-Skala → fluide Skala step--1 bis step-5
  • Icons round/1.9 → square cap, miter join, Stroke 2

02 Die Marke

Wer hier reinschaut, soll ohne Rückfrage wissen, was FOKS ist, was wir machen, wie die Bereiche heißen und was es tatsächlich zu kaufen gibt.

Die Firma

FOKS GmbH

Die rechtliche Hülle. Geschäftsführer ist Pierre Severin. Unter FOKS läuft die Marke as.if.records mit allen Bereichen, dazu die Verwaltung von Familien-Immobilien.

  • Geschäftsadresse: Sechzigstraße 45, 50733 Köln
  • Geschäftlich: mail@fokses.com
  • Marke und Kunden: hello@as-if-records.com

FOKS tritt nach außen fast nie auf. Kunden sehen as.if.records. FOKS steht auf Verträgen, Rechnungen und im Impressum.

Die Marke

as.if.records

Seit 2015. Angefangen als Kreativagentur in Köln für Raumgestaltung und Markenentwicklung, heute ein Haus mit eigenem Radio, eigenen Räumen, eigenem Studio, eigenem Likör und eigenem Merch.

  • Sitz: Köln-Nippes, Sechzigstraße 45
  • Web: www.as-if-records.com · Shop seit 2020
  • Telefon: +49 176 20814374

Der rote Faden: Sachen selbst machen statt zukaufen, und Auswahl statt Optimierung. Das erklärt Radio ohne Algorithmus, Merch ohne Lagerbestand und einen Likör aus der eigenen Küche.

Was wir machen

BereichWas es konkret ist
as.if.radio24/7-Webradio aus Köln. 15 handverlesene Programme – Jazz, Soul, Hip-Hop, Indie, Electronic, Disco. Werbefrei und kostenlos, über die Website, TuneIn, radio.de, Smart Speaker und App. as-if-radio.com
as.if.spacesKreativräume in Köln-Nippes für Workshops, Seminare, Meetings und Produktionen. Teams von 5 bis 30 Personen, flexible Raumkonfiguration, Technik vorhanden.
as.if.studioPodcast- und Video-Studio in Nippes. Multi-Cam-Setup, getrennte Audiospuren, End-to-End: ihr liefert den Inhalt, wir den Rest.
as.if.spiritsCocktailkurse in der eigenen Location, geleitet von Marie. Welcome Drink, professionelles Equipment, selber mixen statt zuschauen.
as.if.threadsTextilien on demand. Produktion erst nach Bestellung – kein Lager, kein Ausverkauf, keine Überproduktion. Bio-Baumwolle, DTG-Druck.
as.if.journalDas Redaktionelle unter .blog. Aktuelle Blogs: Stories, Mixtapes, Kitchen, Drinks, Kreativräume, Spaces und Schwarzes Gold.

Dazu as.if.coaches – das Netzwerk von Coaches und Trainerinnen, die in den Spaces arbeiten.

Was es zu kaufen gibt

Schwarzes Gold

Coldbrew-Espresso-Likör, hergestellt in Köln aus fair gehandeltem Bio-Kaffee. Die eigene Produktmarke, mit eigenem Auftritt und eigener Domain.

  • 14,90 € (klein) bis 29,90 € (Flasche)
  • Trinkempfehlung: ein Shot im Espresso, auf Eis als Carajillo, oder pur
  • schwarzes-gold.net · B2B-Seite vorhanden
  • Im Handel u. a. REWE Nohlstraße, Nippes

Merch

24 aktive Artikel im Shop, dazu Amazon Merch on Demand.

  • Bio-Tee 32,95 € · Bio-Hoodie 59,95 € · Tasse 19,95 € · Baumwolltasche 19,95 €
  • Stanley/Stella als Blank, DTG-Druck über Shirtigo

Die Linien: Liquid Joy (Cocktail-Motive: Espresso Martini, White Russian, Black Russian, B-52, Coldbrew Negroni) · as.if.radio (HOUSE, Endless Summer, Music Sounds Better With You) · as.if.spaces (Smells Like Team Spirit).

Kölner Schnapskartell

Ein Verbund von vier lokalen Spirituosen-Produzenten, in dem Schwarzes Gold Mitglied ist: Schwarzes Gold, Chorweiler Kümmel, Kettenfett und Linden No4. Gemeinsamer Auftritt, gemeinsame Sichtbarkeit – jede Marke bleibt eigenständig. Wenn das Kartell auftritt, sind wir einer von vieren und nicht der Gastgeber.

Schreibweise

Immer so

Immer klein, immer mit Punkten, nie mit Großbuchstaben oder Leerzeichen. Die Wortmarke im Logo trägt einen führenden Unterstrich: _as.if.records. Im Fließtext ohne: as.if.records, as.if.radio.

So

  • as.if.records · as.if.radio · as.if.spaces
  • Logo-Lockup: _as.if.records
  • Schwarzes Gold, Kölner Schnapskartell (Eigennamen, normal)
  • FOKS GmbH (Versalien, ist ein Firmenname)

Nicht so

  • As If Records · AS.IF · As-if-Records
  • as if records · asif · AsIf
  • Foks · foks gmbh
  • farbige oder versalisierte Wortmarke
Kurzform

In Navigation, Menüs und knappen UI-Labels läuft die Kurzform mit führendem Punkt: .radio · .spaces · .studio · .spirits · .blog · .shop · .about

Das gilt nur dort. In Fließtext, Außenkommunikation, Rechnungen und allem, was jemand zum ersten Mal liest, steht die volle Form: as.if.radio. Die Kurzform funktioniert, weil das Dach im Header steht – allein stehend sagt „.spirits" niemandem etwas.

.studio sitzt in der Navigation unter .spaces, weil beides derselbe Ort ist.

Nicht mehr aktiv

the.drop und the.noise gibt es nicht mehr, der Sounds-Blog ist eingestellt. Nicht mehr erwähnen, nicht wiederbeleben, in Altbeständen entfernen.

Warum keine Bereichsfarben

Sechs Bereiche in sechs Farben wären sechs Marken. Ein Kosmos mit einer Palette ist eine. Wiedererkennung entsteht über Logo, Name, Icon, Tonalität und den Kontrast von warmem Papier zu dunkler Fläche – nicht über eine Farbe pro Bereich.

Wo wir stattfinden
  • www.as-if-records.com – Shop, Journal, alle Bereiche
  • as-if-radio.com – Radio, eigene App
  • schwarzes-gold.net – Produktseite Likör
  • brand.as-if-records.com – dieses Brandbook
  • Instagram @asifrecords · Radio @asifradio · Mastodon @as_if_records@mastodon.social
  • Amazon Merch on Demand für as.if.threads

03 Farbe

Eine Master-Palette für alles. Signal-Gelb ist der einzige Akzent – ein Marker, keine Fläche. (Klick auf eine Farbe kopiert den Hex-Wert.)

Flächenanteil
Paper und Ink tragen 70–80 % der Fläche. Cardboard und Graphite 10–20 %. Signal unter 10 % – es markiert Handlung: CTA, aktiver Zustand, Auswahl. Ein Signal-Feld pro Ansicht, nicht drei.

Kontrast

PaarRatioStufe
Ink auf Paper15,20:1AAA
Paper auf Ink15,20:1AAA
Ink auf Cardboard12,73:1AAA
Ink auf Signal12,65:1AAA
Paper auf Graphite13,45:1AAA
Signal auf Graphite11,19:1AAA
Muted auf Ink8,71:1AAA

Erlaubte Flächen-Kombinationen

Damit niemand raten muss, welche Fläche welchen Text trägt:

FlächeText daraufLinienWofür
paperink · ink72 · ink62line · lineSoftStandard: Seiten, Buchung, Journal, Shop
cardboardinklineKarten, ruhige Abgrenzung im Hellen
inkpaper · mutedlineLightPlayer, App, dunkle Panels, Footer
graphitepaper · mutedlineLightangehobene Fläche auf Ink, Hover
signalink—nur CTA, aktiver Zustand, Auswahl
Nie
Signal auf Paper als Fläche · Paper-Text auf Cardboard · Muted auf hellem Grund · zwei dunkle Flächen ohne Linie dazwischen.
Merke
Signal trägt nur dunklen Text. Gelb auf Weiß oder Gelb auf Paper ist kein Kontrast – Signal-Flächen bekommen immer Ink darauf.

04 Typografie

Vier Schriften, klare Rollen. Self-hosted als Variable Fonts unter Marken-Namen – variable Gewichte werden bewusst genutzt, nicht nur 400 und 700.

Asif Sans · Archivo

Kein Algorithmus.

UI, Navigation, Überschriften, Buttons, Produkttitel. Seit v2 auch die Standard-Headline.

Asif Serif · Source Serif 4

Ein Magazintext braucht Ruhe, Rhythmus und Tiefe.

Longform, Lede, Journal-Prosa, Blockquotes.

Asif Display · Bodoni Moda

Slow Signal

Nur Artikel- und Cover-Titel, ab ca. 44 px. Nie UI, nie Fließtext.

Asif Mono · IBM Plex Mono

21:00 · Kanal 03 · Nippes

Kicker, Zeiten, Rubriken-Index, Pills, technische Labels.

Skala
Gewichte
Variable Achsen: 450 Fließtext · 520 Claims · 620 Karten-Titel · 700 Standard-Headline · 720 Hero · 900 Rubriken-Streifen. Keine dünnen Schnitte unter 400.

Do

  • Maximal drei sichtbare Rollen pro Seite.
  • Longform in Serif, Lesebreite 68 ch.
  • Display nur groß und nur editorial.
  • Meta immer Mono, uppercase, .1em getrackt.

Don't

  • Display in Buttons oder Navigation.
  • Mono als Fließtext oder emotionale Headline.
  • Logo-Schrift als normale Überschrift.
  • Lange Lesetexte in Sans, wo es redaktionell wirken soll.

05 Magazine & Journal

Titel dürfen laut sein, Lesen muss ruhig bleiben.

as.if.journal · issue 01

No algorithm.
Still on air.

Ein Artikel-Titel läuft in Display. Der Text darunter in Serif – und bleibt es auch, wenn der Titel schreit.

Regeln
  • Artikel-Titel: Display, Gewicht 650, clamp(2.75rem, 4.5vw, 4.5rem)
  • Lede: Serif, Lesebreite 62 ch
  • Prosa: Serif, line-height 1.68, Lesebreite 68 ch
  • Zwischenüberschriften im Artikel: Sans, nicht Display
  • Blockquotes: Serif kursiv

06 Icons

Kantig und geometrisch – passend zu Radius 0. Funktionale Zeichen, keine Illustrationen. Ein eigenes Set unter /assets/icons/.

Bereiche

as.if.radioradio
as.if.spacesspaces
as.if.studiostudio
as.if.spiritsspirits
as.if.threadsthreads
as.if.journaljournal

Funktion

Playplay
Pausepause
Streamwave
Aufnahmemic
Favoritheart
Verlaufclock
Suchesearch
Menümenu
Weiterchevron
Zurückback
Schließenclose
Mehrplus
Bestätigtcheck
Externexternal
Nachrichtmessage
Hilfehelp
Mailmail
Anrufphone
Termincalendar
Ortpin
Drinkdrink
Versandbox
Spezifikation

24-px-Grid · stroke-width: 2 · stroke-linecap: square · stroke-linejoin: miter · fill: none · currentColor.

Keine runden Enden, keine Perspektive, kein 3D, keine Detail-Illustration. Gefüllt nur im aktiven Zustand (z. B. Play). Farbe kommt aus dem Kontext, nie aus dem Icon.

Qualitätsregeln

Ein Icon ist erst fertig, wenn es diese Prüfung besteht. Nicht nach Augenmaß im Kontaktbogen – dort fallen Fehler bei 26 px nicht auf.

07 UI-Komponenten

Buttons

Scharfe Kanten, kein Radius. Ein primärer CTA pro Ansicht. Signal nur für echte Handlung. Hover: Primär → Graphite, Signal → Signal Hover.

Pills & Tags

Alle Sounds Spaces Likör

Mono, uppercase, .08em. Rahmen Ink 45 %. Aktiv füllt sich mit Ink, Text wird Paper.

Formulare

Mindesthöhe 44 px. Fokus: 2 px Ink-Outline, 2 px Offset – immer sichtbar, nie nur über Farbe.

Karten

space · raum 02

Workshop, Dreh oder Listening Session

Karten sind Flächen mit Linie – Paper, Cardboard oder Ink. Keine Schatten, keine Radien.

Zustände
Jeder aktive Zustand kombiniert mindestens zwei Signale: Farbe plus Fläche, Position oder Gewicht. Farbe allein reicht nie. Dark UI für Player und App, Paper für Buchung, Journal und Shop.

08 Layout & Raster

Seite

Max-Breite 1280px, Außenrand 28px (Mobile 18), Gap 32px (Mobile 24).

Lesebreite

Longform 40.5rem ≈ 648 px ≈ 72 Zeichen. Nie über die volle Breite setzen.

8-pt-Skala

Keine zufälligen Abstände.

Linien statt Kästen
Struktur entsteht über Trennlinien und Rubriken-Streifen: 1 px für Trennung, 2 px unter Rubriken-Titeln. Wo v1 einen Schatten gesetzt hätte, setzt v2 eine Linie.

09 Motion

Bewegung führt den Blick und bestätigt Handlung. Sie tanzt nicht.

Dauer

  • 120ms Hover, kleine States
  • 180ms Übergänge, Toasts
  • 320ms Eintritte, Overlays

Easing

  • cubic-bezier(.2,0,0,1)
  • Eintritt standard, Austritt schneller
  • Kein Überschwingen, kein Bounce

Prinzip

  • Pro Moment eine Bewegung
  • Gestaffelter Reveal statt alles auf einmal
  • prefers-reduced-motion respektieren

10 Bildsprache

Analog, warm, echt – handgemacht statt Stockdatenbank.

Ja

  • Warmes, natürliches Licht; Papier- und Filmkorn.
  • Echte Szenen: Raum, Technik, Kaffee, Vinyl, Hände am Werk.
  • UGC-Haltung – nah, unperfekt, ehrlich.
  • Text auf Bild nur mit ruhiger Zone oder Fade-to-Dark.

Nein

  • Glattes Hochglanz-Stockfoto.
  • Kaltes Blau, Neon, Studio-Perfektion.
  • AI-perfekte, sterile Renderings.
  • Filter, die die Palette brechen.

11 Barrierefreiheit

Kein Extra, sondern Teil der Spec. Wer sich an die Palette, die Fokus-Regel und die Mindestgrößen hält, ist automatisch nah an WCAG 2.2 AA.

4.5:1

Kontrast

Mindestens AA für jeden realen Text. Die dokumentierten Paare liegen alle bei AAA – wer sie nutzt, ist auf der sicheren Seite. Neue Kombinationen immer nachmessen.

44px

Touch-Ziele

Interaktive Elemente mindestens 44 × 44 px, auch wenn das Icon kleiner ist. Abstand zwischen zwei Zielen mindestens 8 px.

2px

Fokus

Immer sichtbar: 2 px Ink-Outline, 2 px Offset. Fokus wird nie entfernt und nie nur über Farbe angezeigt.

Regeln
  • Zwei Signale pro Zustand. Aktiv, ausgewählt oder fehlerhaft wird nie allein über Farbe kommuniziert – immer Farbe plus Fläche, Position, Gewicht oder Icon.
  • Semantik vor Optik. Überschriften-Ebenen in korrekter Reihenfolge, Buttons sind <button>, Links sind <a>. Ein Rubriken-Streifen ist optisch groß, aber strukturell das, was er ist.
  • Alt-Texte beschreiben den Inhalt, nicht die Datei. Dekorative Grafik bekommt alt="".
  • Bewegung respektiert prefers-reduced-motion. Nichts blinkt, nichts autoplayt mit Ton.
  • Lesbarkeit: Fließtext nie unter 16 px, Zeilenlänge nicht über 72 Zeichen, Zeilenhöhe mindestens 1.5.
  • Sprache im <html lang> setzen – bei uns meist de.
Achtung Gelb
Signal ist hell. Es trägt nur dunklen Text und funktioniert nicht als Textfarbe auf Paper oder Weiß. Gelbe Schrift auf hellem Grund ist der wahrscheinlichste Barrierefreiheits-Fehler in diesem System.

12 Sprache

Lakonisch, konkret, per Du, lokal verankert, klug ohne klugzuscheißen – nie cheesy, nie KI. Das gilt überall: Post, Artikel, Website, Mail, Chat, Button, Beschwerde.

Woher die Stimme kommt

BBC 6 Music

Wissen ohne Angeberei, Selbstironie, und Präzision als Pointe.

Breakfast radio has reduced me to the kind of person that cries at traffic lights and remonstrates with shopping trolleys, so I give joyful thanks for the opportunity to sleep past 5.13am.Shaun Keaveny

Die exakte Uhrzeit ist der Witz. Nicht „früh aufstehen" – 5.13am.

FM4

Denglisch ohne Scham, direkte Ansprache, gesprochene Ellipse, Wortspiel in der Überschrift.

Und eure Serienempfehlungen so?fm4.orf.at

Dazu: Kategorie-Kicker über dem Titel, Englisch mitten im deutschen Satz („goes full Indie"), Pun wo er sitzt („The Reality Behind the Fery-Tale").

Threadheads

Absurdität, die sich selbst auffliegen lässt – und Ehrlichkeit ohne Schnörkel, wenn was schiefgeht.

You probably wouldn't believe us. And you're right not to.Threadheads FAQ

Achtung: deren SEO-Sammelseiten („Ready to level up your wanderlust game?") sind reiner KI-Slop und ausdrücklich kein Vorbild. Dieselbe Marke, zwei Register – eins davon kaputt.

Wir selbst

Setup → Umkehr. Der bodenständig-konkrete Ort schlägt die clevere Abstraktion.

Bisher gab's uns vor allem im Weinhandel, guten Bars oder im Schnitzel-Restaurant unseres Vertrauens.as.if.records

„Läden mit Meinung" wäre selbstcool gewesen. Das Schnitzel bricht die Erwartung und nimmt sich nicht ernst.

Die fünf Gesetze

1
Konkret schlägt kategorial. Zahl, Ort, Jahr, Name statt Kategorie. „45 Songs in 80 Minuten" statt „ein umfangreiches Set". Wer nichts Konkretes hat, hat noch nicht genug recherchiert.
2
Ein Gedanke, eine Landung. Nicht jeder Satz will pointen. Der Witz braucht Anlauf – ruhige Sätze tragen den einen Gag.
3
Runter vom Register. Gesprochen statt literarisch. „supergut" statt „am schönsten". Wiederholung darf Rhythmus bauen, statt zwanghaft zu variieren.
4
Zeig die Arbeit. Handwerk benennen, Nichtwissen zugeben. „ein paar White Labels, deren Namen wir selbst nicht mehr rekonstruieren können. Genau die sind meistens die besten Stellen."
5
Nie erklären, was schon dasteht. Die Pointe löst der Leser auf. Wer den Gag erklärt, hat ihn getötet.
Das Gag-Muster

Setup → Umkehr → Landung.

Eine banale Wahrheit, bei der jeder nickt. Dann die Drehung. Dann ein trockener Wink, der die Pointe offen lässt.

Zwischen den Dingen, die man kauft, weil man muss – Brot, Milch, das Klopapier, das immer genau dann alle ist, wenn keiner dran gedacht hat – steht jetzt eins, auf das Verlass ist. Steht da. Bleibt da.

Jedenfalls so lange, bis du selbst dafür sorgst, dass es leer wird.REWE-Listing, Mai 2026

Niemals dazuschreiben „…weil du es ja trinkst". Das ist der Unterschied zwischen Witz und Erklärung.

Du oder Sie

Du ist der Default – Social, Journal, Website, Produkt, Buchung, Events, Newsletter, Support, Chat. Sie nur, wo es geschäftlich oder rechtlich geboten ist: Mietverhältnisse, Behörden, Verträge, Mahnwesen. Dazwischen entscheidet der Kontext, nicht die Vorsicht.

Kanäle

KanalLängeRegisterWoran man merkt, dass es sitzt
Social250 oder 600 ZeichenDu, gesprochenHook zieht in Zeile 1, eine Landung, ein Ziel
Journal / BlogLangform, 68 Zeichen breitDu, erste Person erlaubtÖffnet mit Ort und Jahr, nicht mit These
Radio-Editorial3 AbsätzeEnglisch, durchgehend kleinFakten dicht, Urteil als Fragment am Schluss
Website / Produktso kurz wie möglichDu, sachlichSagt was es ist, bevor es sagt was es bringt
E-Mailein AnliegenDu (Sie formell)Erster Satz ist die Sache, keine Vorrede
Support / BeschwerdekurzDu, gerade herausBenennt den Fehler, bevor es ihn erklärt
Chat1–3 SätzeDu, knappAntwortet, statt zu moderieren
Newsletterein Thema trägtDu, brieflichLiest sich wie geschrieben, nicht wie versendet
Microcopy2–3 WörterVerb + Objekt„Termin buchen", nicht „Jetzt entdecken"
FormellvollständigSie, sachlichKein Amtsdeutsch, keine Floskeln

Journal – so öffnet ein Artikel

Dockland, Münster, 2005. Ich war 17, mein bester Freund Max hatte einen Kontakt am Einlass, und drinnen stand Bad Boy Bill an vier Turntables. 45 Songs in 80 Minuten.Filtered Fidelity

Ort, Jahr, Alter, Name, Zahl. Kein „Musik hat schon immer …".

Radio – so klingt ein Track-Post

if you missed luiz melodia — "congênito" earlier, go dig.

melodia came up on the morro do são carlos in estácio, son of sambista oswaldo melodia. gal costa cut his "pérola negra" in '72.

between malandro swagger and blues ache. nobody in mpb sounds like him.as.if.radio

Englisch, klein, Fakten dicht, Urteil als Fragment.

Support – so entschuldigt man sich

✓„Das hat viel zu lange gedauert, und dich die Zollgebühr vorstrecken zu lassen war unser Fehler. Ist erledigt, das Paket ist unterwegs."
✗„Wir bedauern die entstandenen Unannehmlichkeiten und bitten um Ihr Verständnis."

Fehler benennen, Verantwortung übernehmen, sagen was jetzt passiert. Kein Passiv, keine Textbausteine.

Microcopy – Buttons und Fehler

✓Termin buchen · Platte ansehen · Zur Kasse
✗Jetzt entdecken · Mehr erfahren · Hier klicken
✓„Der Stream ist gerade weg. Wir sind dran."
✗„Ups! Da ist wohl etwas schiefgelaufen 😅"

E-Mail im Detail

Mail ist der Kanal mit dem meisten Volumen und dem größten Risiko: Empfänger kennen den Stil persönlich. Wenn plötzlich aufgeblähte Höflichkeitsformeln auftauchen, fällt das sofort auf.

Direkt und ehrlich

Kein Drumherumreden. Wenn etwas nicht geklappt hat, steht das da: „Ich hab es gestern nicht geschafft, weil …" statt einer Verschleierung.

Proaktiv

Nicht nur die Frage beantworten. Gleich mitliefern, was als Nächstes passiert, welche Links relevant sind, was der andere wissen sollte.

Warm ohne Kitsch

Ein persönliches Detail wo es passt („Liebe Grüße an den Möhnesee"), ein Smiley bei Vertrauten. Keine aufgesetzten Floskeln.

Absender

Drei Identitäten, die Wahl ist nicht beliebig:

AdresseWofür
hello@as-if-records.comDie Marke: Buchungen für Spaces, Spirits und Studio, kreative Anfragen, Kooperationen
mail@fokses.comDas Geschäft: Immobilien, Nebenkosten, Verträge, Behörden, Banken, Dienstleister
pierre.severin@gmail.comPrivat, nichts Geschäftliches

Im Zweifel: an welche Adresse ging die ursprüngliche Mail? Über dieselbe antworten.

Anrede und Gruß
BeziehungAnredeGruß
vertraut„Hey Vorname,"„Liebe Grüße" plus ggf. persönlicher Zusatz
Buchungskunde„Hallo liebe Vorname," · „Hi Vorname,"„Viele Grüße aus Köln Nippes & bis ganz bald"
geschäftlich, neu„Hallo Frau/Herr Nachname,"„Beste Grüße"
Gruppe„Hallo zusammen,"„Beste Grüße"
formell„Sehr geehrte Damen und Herren,"„Viele Grüße" · „Mit freundlichen Grüßen" plus Nachname

Buchungskontext ist fast immer Du – auch wenn der Absender förmlich schreibt. as.if ist kein Konferenzhotel. Sie bleibt Mietern, Behörden, Banken und Fach-Dienstleistern vorbehalten.

Späte Antwort

Älter als eine Woche: ein Satz Entschuldigung, konkret und ohne Unterwürfigkeit. „sorry, dass ich mich jetzt erst melde, die Woche war komplett voll." Bei über zwei Wochen darf es deutlicher sein: „Das ist komplett durchgerutscht bei mir." Nicht übertreiben, ein Satz reicht.

Grenzfall statt Absage

Die richtige Reaktion auf eine Anfrage, die nicht ganz passt, ist meistens nicht Ja oder Nein, sondern eine kluge Rückfrage. Gruppe zu groß? Prüfen, ob ein anderes Raumsetup es löst. Material einlagern? Nachfragen, wie viel Platz das braucht. Das signalisiert Interesse statt Abwehr.

So klingt das

Hey Pavla,

danke für deine Nachricht und sorry, dass ich mich jetzt erst melde. Das klingt alles sehr spannend. Wir machen allerdings keine externen Kurse, daher muss ich leider absagen. Wenn ihr dennoch mal in Köln einen Ort zum Mixen oder Workshoppen sucht, dann meldet euch bitte gerne jederzeit!

Liebe Grüße an den Möhnesee
Pierreechte Absage

Absage in einem Satz, ohne Umschweife, mit offener Tür und einem persönlichen Gruß. Kein Bedauern-Theater.

Verbrannte Mail-Floskeln

  • „Ich hoffe, diese E-Mail findet Sie wohlauf"
  • „Vielen Dank für Ihre geschätzte Anfrage"
  • „Gerne möchte ich Ihnen mitteilen, dass …"
  • „Zögern Sie nicht, uns zu kontaktieren"
  • „Bei weiteren Fragen stehen wir Ihnen selbstverständlich gerne zur Verfügung"
  • „Wir freuen uns auf eine erfolgreiche Zusammenarbeit"
  • „Im Hinblick auf" · „Bezüglich der von Ihnen angesprochenen Thematik"
  • Übermäßig „gerne", „selbstverständlich", „jederzeit"
  • Bullet-Listen, wo Fließtext natürlicher wäre
Betreff

Konkret und benennend, kein Clickbait, kein Ausrufezeichen. „Auftragsbestätigung 14.–15. März" statt „Ihre Anfrage bei uns". Bei Antworten den bestehenden Betreff stehen lassen, außer das Thema hat sich wirklich geändert.

Kein KI-Sprech

Der wichtigste Filter. Jeder Text läuft da durch, egal welcher Kanal.

Der Gedankenstrich

Der auffälligste Marker überhaupt. Im Deutschen ist der Gedankenstrich ein Halbgeviertstrich – mit Leerzeichen. Der Geviertstrich — ist typografisch falsch und schreit KI. Im Englischen ist — erlaubt, aber rationiert.

Maximal einer pro Text. Und nie als dramatische Pause vor der Pointe („X — und genau das ist der Punkt"). Das ist Verkaufsprosa, kein Sprechen. Im Zweifel: Punkt, Komma, Doppelpunkt, Klammer.

Verbrannte Wörter

Deutsch

nahtlos · ganzheitlich · maßgeschneidert · innovativ · revolutionär · bahnbrechend · wegweisend · einzigartig · hochwertig · vielfältig · spannend · Mehrwert · Synergie · Ökosystem · Reise · Landschaft · eintauchen · beleuchten · unterstreichen · widerspiegeln

Englisch

delve · landscape · tapestry · journey · elevate · embark · leverage · harness · realm · myriad · multifaceted · groundbreaking · seamless · robust · cutting-edge · transformative · curated · handpicked · unlock · empower · level up

Hype-Adjektive

perfekt · premium · exklusiv · feinster · exquisit · magisch · unvergleichlich · must-have · limitiert · killer

Verbrannte Muster

  • Bedeutungs-Aufblähung: „ist ein Beweis für", „spielt eine entscheidende Rolle", „markiert einen Wendepunkt" → streichen, konkretes Detail hin.
  • Copula-Vermeidung: „fungiert als", „dient als", „verfügt über" → „ist", „hat".
  • Struktur-Verräter: „Das bedeutet für dich:", „Fazit:", „Kurz gesagt:", „Das Wichtigste in Kürze:".
  • Negative Parallele: „nicht nur … sondern auch" – einmal okay, fünfmal ist KI.
  • Dreierregel erzwungen: zwei ist okay, vier ist okay. Nicht auf drei biegen.
  • Synonym-Karussell: ein Begriff, dann dabei bleiben.
  • Fette Listenköpfe mit Doppelpunkt in Serie.
  • Floskel-Schluss: „Stay tuned", „Folgt uns für mehr", „Bleibt gespannt".
  • Chatbot-Reste: „Gerne!", „Sehr gute Frage", „Ich hoffe, das hilft".
Rhythmus

KI schreibt im Metronom: mittlerer Satz, mittlerer Satz, mittlerer Satz. Menschen nicht. Drei Sätze in Folge mit 15–25 Wörtern sind ein Warnsignal. Mindestens ein kurzer Satz pro Block. Fragmente sind erlaubt. Manchmal reicht ein Wort.

Der Vorlese-Test

Zum Schluss laut lesen. Raus muss alles, was klingt wie eine Pressemitteilung, was niemand so sagen würde, was sich zu klug vorkommt – und vor allem alles, was man mit ausgetauschten Substantiven über jedes beliebige andere Thema schreiben könnte.

Maschinenlesbar
Die kompletten Wortlisten, Kanal-Spezifikationen und zwölf Prüfregeln liegen in /voice.json – für Linter, Skills und Pipelines.

13 Social

Ein Post hat eine Idee, eine Landung und schickt die Leute an genau ein Ziel.

Hook in Zeile 1

  • Beobachtung – der gedrehte Alltagsmoment
  • Statement – „we do podcasts!"
  • Wortspiel – subtil, kein Kalauer
  • Quote – wer was zur Sache sagt

Verboten: „Wir freuen uns…", „Heute zeigen wir euch…", „Hi Leute,", „Es ist soweit".

Aufbau

  • Storytelling vor Produkt – erst Szene, dann Brand
  • CTA als echte Frage, oder gar keiner
  • Closer ist Brand-Anker: URL, Adresse, Tag
  • Bei Lokal-Posts: Veedel als erstes Wort, als Ausruf – „NIPPES!"
Zwei Varianten
Jeder Post kommt in zwei strukturell unterschiedlichen Captions: A kurz und spitz (~250 Zeichen), B szenisch (~600 Zeichen). Eigene Hooks, nicht Versionen voneinander. Hashtags sparsam: 0–3, Event max 5, im ersten Kommentar.
Ein Ziel pro Post
Schickt der Post Leute physisch wohin – ins Regal, ins Veedel, in den Raum – gehört keine URL dran. Ein Webshop-Link untergräbt genau die Botschaft. Produkt- und Story-Posts kriegen die URL.

Sub-Brand-Noten

MarkeTonfallVerbotenCloser
Schwarzes Goldlakonisch-elegant, leicht 1920s-Barperfekt, feinster, exquisitschwarzes-gold.net
as.if.spaceseinladend ohne pushyinnovative Räumlichkeiten, unser TeamAdresse
as.if.threadslässig, design-bewusstlimitiert, exclusive drop, must-have/threads
as.if.radiowarm, präsent, „nicht allein"kuratiert, handpicked, algorithmisch@asifradio
Werkzeug
Operativ läuft Social über den asif-social-post-Skill. Diese Sektion und /voice.json sind die Quelle, der Skill die Umsetzung.

14 Arbeit mit LLMs

Anfragen kommen hier oft knapp, beiläufig und in Alltagssprache. „Mach mal was mit dem Shirt." Das ist keine Schlamperei, sondern normal. Die Aufgabe der LLM ist, daraus den richtigen Weg zu finden – nicht, die knappe Formulierung wörtlich abzuarbeiten.

Grundhaltung

Eine lapidare Anfrage ist ein Ziel, keine Arbeitsanweisung. Wer „mach mal was mit dem Shirt" hört und ein Shirt-Bild ausgibt, hat die Aufgabe verfehlt. Wer fragt, was das Shirt erreichen soll, wo es hin soll und was es dafür braucht, hat sie verstanden. Im Zweifel lieber einmal kurz rückfragen als in die falsche Richtung produzieren.

Die Reihenfolge

1
Frage verstehen. Was ist wirklich gemeint? Was ist das eigentliche Ziel dahinter, nicht der wörtliche Satz? Wenn zwei Lesarten plausibel sind und sie zu verschiedenen Ergebnissen führen: nachfragen, kurz und konkret.
2
Kontext klären. Welches Projekt, welche Marke, welcher Kanal, welches Format? Ein Text für Instagram ist etwas anderes als für eine Rechnung. Was existiert schon? Was darf nicht kaputtgehen?
3
Anforderungen ableiten. Was muss das Ergebnis können, damit es taugt? Welche Regeln gelten – CI, Sprache, Barrierefreiheit, Recht? Woran wird man merken, dass es fertig ist?
4
Recherchieren, bevor gebaut wird. Erst nachsehen, was tatsächlich der Fall ist: Live-Daten, Repo, Shop, Website, bestehende Skills. Nie aus dem Gedächtnis behaupten, was man nachschauen kann. Falsche Annahmen kosten später mehr als jede Recherche.
5
Werkzeuge nutzen, nicht raten. Es gibt Skills, APIs und Live-Endpunkte für fast alles hier. Wer Farben braucht, zieht Tokens. Wer wissen will, was im Shop steht, fragt den Shop. Anleitungen zum Selberklicken sind die letzte Option, nicht die erste.
6
Bauen – in Schleifen. Ergebnis erzeugen, ansehen, korrigieren, wieder ansehen. Ein Durchgang reicht fast nie. Bei Bildern und Layouts heißt „ansehen" wörtlich: rendern und hinschauen.
7
Doppelt prüfen. Am Ende gegen die Anforderungen aus Schritt 3 halten. Text durch lint.py. Werte gegen tokens.json. Dateien wirklich abrufen, statt anzunehmen, dass sie liegen. Was nicht geprüft wurde, gilt als ungeprüft.
8
Ehrlich berichten. Was ist fertig, was ist offen, was hat nicht geklappt und warum. Fehler und Lücken benennen, statt sie zu überspielen. Ein verschwiegenes Problem wird später ein größeres.

So

✓„Mach mal was mit dem Shirt" → nachfragen: fürs Shop-Listing, für Social oder fürs Lookbook? Dann Mockup-Skill, CI ziehen, rendern, hinschauen, korrigieren.
✓Vor dem Ändern einer Farbe erst prüfen, wo sie überall verwendet wird.
✓Nach dem Deploy den Endpunkt wirklich abrufen und den Inhalt lesen.
✓„Ich habe X gebaut, Y funktioniert noch nicht, Z musst du selbst machen."

Nicht so

✗Die knappe Formulierung wörtlich abarbeiten und irgendein Ergebnis abliefern.
✗Werte aus dem Gedächtnis einsetzen, obwohl tokens.json einen Aufruf entfernt ist.
✗„Sollte jetzt funktionieren" ohne es geprüft zu haben.
✗Eine Anleitung zum Selberklicken liefern, wo ein Skill die Sache erledigt.
✗Zehn Rückfragen stellen, wo eine reicht.
Agentisch arbeiten

Aufgaben hier sind selten ein einzelner Schritt. Der Normalfall ist eine Kette: nachsehen, entscheiden, bauen, prüfen, nachbessern. Diese Kette läuft eigenständig durch, ohne bei jedem Zwischenschritt zu fragen. Gefragt wird bei Richtungsentscheidungen, nicht bei Handgriffen.

Was immer selbst erledigt wird: Daten holen, Dateien lesen und schreiben, deployen, testen, korrigieren. Was immer bestätigt wird: etwas löschen, etwas veröffentlichen, Geld ausgeben, an Dritte schreiben.

Woher das Wissen kommt
  • brand.as-if-records.com/llms-full.txt – das ganze Markensystem in einem Zug
  • /tokens.json Design · /voice.json Sprache · /brand.md der volle Guide
  • asif-playbook als Skill: facts, voice, emit, lint, check
  • Für alles andere der zuständige Fach-Skill – Shop, Radio, Merch, Mail, Infrastruktur

Nichts davon erfinden. Wenn eine Angabe nicht auffindbar ist, sagen, dass sie fehlt – nicht plausibel klingend ergänzen.

15 Tokens

CSS

Maschinen-Endpunkte

  • /tokens.json – W3C Design Tokens, die Wahrheit
  • /brand.md – vollständiger Guide für LLMs
  • /llms.txt – Einstiegspunkt
  • /assets/icons/ – Icon-Set als SVG

Alle drei sind öffentlich erreichbar, ohne Login. Diese Seite rendert Farben, Skala und Abstände zur Laufzeit aus tokens.json – was hier steht, ist exakt das, was eine Maschine zieht.

Werkzeug

Änderungen laufen über den brand-ci-Skill: Tokens lesen und setzen, Assets hochladen, CI als CSS, Tailwind oder JSON ausliefern. Commit auf main → automatisch live.

16 Assets

Alles an einer Stelle. Diese Links sind ohne Login erreichbar – sie funktionieren in Builds, Skripten und für externe Partner.

tokens.jsonW3C Tokens brand.mdGuide · Markdown voice.jsonSprachregeln llms-full.txtAlles in einer Datei lint.pySprach-Linter llms.txtLLM-Einstieg Icon-Set28 SVG Signet dunkel400 × 400 Signet hell400 × 400
Schriften
Produktiv laufen die Schriften self-hosted als Variable Fonts: mag-archivo-var.woff2, mag-sourceserif-var.woff2 (+ Italic), mag-bodoni-var.woff2, mag-plexmono-400/700.woff2. Sie liegen im Shop-Theme unter assets/. Für Entwürfe reichen die Google-Fonts-Äquivalente Archivo, Source Serif 4, Bodoni Moda, IBM Plex Mono.
Noch offen
Ein Vektor-Original des Lockups (SVG) fehlt – für großen Print und Außenanwendung wäre das die saubere Quelle. Bis dahin gilt die native HTML-Rezeptur aus §01.

17 Handoff

Anlegen

  • Figma-Library: Farben, Typo-Skala, 8-pt-Spacing, Linien, Fokus.
  • Logo-Komponente plus SVG-Original.
  • Icon-Komponente: 24 px, Stroke 2, square/miter.
  • Templates: Web Hero, App Player, Journal Cover, Booking Card, Poster, Hangtag.

Check vor Launch

  • Irgendwo ein Radius oder Schatten reingerutscht?
  • Signal großflächig statt als Marker benutzt?
  • Schreibweise korrekt (as.if.x, klein, Punkte)?
  • Display außerhalb von Artikel-/Cover-Titeln?
  • Icons rund statt kantig?
  • Kontrast jeder realen Textfläche geprüft?
  • Stimme im richtigen Register, kein AI-Sprech?
Wer entscheidet

Die Marke gehört FOKS GmbH. Änderungen an Farbe, Schrift, Logo oder Tonalität entscheidet Pierre – nicht das einzelne Projekt. Wer beim Bauen merkt, dass eine Regel nicht trägt, meldet das, statt sie still zu umgehen. Eine Ausnahme, die niemand dokumentiert, wird zur nächsten Inkonsistenz.

Wie geändert wird
  • Harte Werte ändert man nur in tokens.json – nie direkt im Code eines Projekts.
  • Diese Seite rendert aus derselben Datei. Ein geänderter Token wirkt hier und in jedem Build, der die CI zieht.
  • Regeln und Prosa leben in brand.md und in dieser Seite – beide synchron halten.
  • Operativ läuft das über den brand-ci-Skill: Tokens setzen, Assets hochladen, CI ausliefern. Commit auf main → automatisch live.
Versionierung
Die Version steht in tokens.json unter $extensions.asif.brand.version. Zweite Stelle hoch bei neuen Regeln oder Sektionen, erste Stelle bei einem Bruch wie dem Wechsel von v1 auf v2. Wer die CI in einem Projekt einfriert, notiert die Version dazu.
Kopiert