# as.if.records — Corporate Identity, vollständig

Version 2.5.0 · Stand 2026-08-03 · FOKS GmbH

Dies ist das komplette Markensystem in einer Datei: Design-Tokens, Sprachregeln und
der vollständige Guide. Gedacht für KI-Systeme, die alles in einem Zug lesen wollen.
Einzelquellen: /tokens.json (Design) · /voice.json (Sprache) · /brand.md (Guide).

Bei Konflikt gewinnen die JSON-Dateien, denn die sind die Wahrheit. Dieser Text ist
eine Zusammenstellung, kein Ersatz.

---

## Schnellreferenz: die Werte

Farbe
  ink          #181A1A                      Brand Ink
  paper        #F2EFE6                      Warm Paper
  cardboard    #DEDCD4                      Cardboard
  signal       #E7DF72                      Signal
  signalHover  #F1E98D                      Signal Hover
  graphite     #222524                      Graphite
  muted        #B9B7B0                      Muted
  ink72        rgba(24,26,26,0.72)          Ink 72 % – sekundärer Fließtext auf Paper
  ink62        rgba(24,26,26,0.62)          Ink 62 % – Meta, Kicker, Captions auf Paper
  ink45        rgba(24,26,26,0.45)          Ink 45 % – Rahmen von Pills, dezente Outlines
  line         rgba(24,26,26,0.2)           Trennlinien auf hellem Grund
  lineSoft     rgba(24,26,26,0.1)           Sehr leise Trennlinien auf hellem Grund
  lineLight    rgba(242,239,230,0.18)       Trennlinien auf dunklem Grund

Schrift
  sans         Asif Sans                Asif Sans (Archivo Variable, self-hosted)
  serif        Asif Serif               Asif Serif (Source Serif 4 Variable, self-hosted)
  display      Asif Display             Asif Display (Bodoni Moda Variable, self-hosted)
  mono         Asif Mono                Asif Mono (IBM Plex Mono, self-hosted 400/700)
  logo         Roboto                   Logo only

Raster und Form
  Spacing      4px, 8px, 12px, 16px, 24px, 32px, 48px, 64px, 96px
  Radius       0px (überall, bewusst kantig)
  Schatten     none
  Seite        max 1280px, Rand 28px, Gap 32px, Lesebreite 40.5rem
  Motion       120ms / 180ms / 320ms, Easing cubic-bezier(0.2,0,0,1)
  Icons        24px Grid, Stroke 2px, cap square, join miter, currentColor

Typografische Rollen
  hero           sans     w720  lh 0.92  {fontSize.step5}
  h1             sans     w700  lh 0.98  {fontSize.step4}
  h2             sans     w700  lh 1.04  {fontSize.step3}
  h3             sans     w680  lh 1.1  {fontSize.step2}
  articleTitle   display  w650  lh 0.98  clamp(2.75rem, 4.5vw, 4.5rem)
  lede           serif    w400  lh 1.38  clamp(1.25rem, 1.08rem + 0.7vw, 1.625rem)
  body           serif    w400  lh 1.68  clamp(1.0625rem, 1.02rem + 0.18vw, 1.1875rem)
  ui             sans     w450  lh 1.55  {fontSize.step0}
  sectionTitle   sans     w900  lh 1.1  {fontSize.step2}
  meta           mono     w700  lh 1.3  {fontSize.step-1}
  button         sans     w700  lh 1.2  {fontSize.step0}

Marken-Architektur (Schreibweise: immer klein, mit Punkten, keine Großbuchstaben, keine Leerzeichen)
  as.if.records    Das Dach. Seit 2015 Kreativagentur fuer Raumgestaltung und Markenentwicklung, heute Haus mit Radio, Raeumen, Studio, Likoer und Merch.
  as.if.radio      24/7-Webradio aus Koeln, 15 handverlesene Programme (Jazz, Soul, Hip-Hop, Indie, Electronic, Disco). Werbefrei, kostenlos.
  as.if.spaces     Kreativraeume in Koeln-Nippes fuer Workshops, Seminare, Meetings, Produktionen.
  as.if.studio     Podcast- und Video-Studio. Multi-Cam, getrennte Audiospuren, End-to-End-Produktion. In der Navigation unter .spaces einsortiert.
  as.if.spirits    Cocktailkurse in eigener Location, geleitet von Marie.
  as.if.threads    Textilien on demand. Produktion erst nach Bestellung, kein Lager. Bio-Baumwolle, DTG.
  as.if.journal    Redaktionelles unter .blog. Aktuelle Blogs: Stories, Mixtapes, Kitchen, Drinks, Kreativraeume, Spaces, Schwarzes Gold.
  as.if.coaches    Netzwerk von Coaches und Trainerinnen, die in den Spaces arbeiten.
  Schwarzes Gold   Coldbrew-Espresso-Likoer aus Koeln, fair gehandelter Bio-Kaffee. Eigene Produktmarke.
  Niemals: As If Records, AS.IF, As-if-Records, asif, AsIf

---

## Schnellreferenz: die Sprache

Lakonisch, konkret, per Du, lokal verankert, klug ohne klugzuscheißen – nie cheesy, nie KI-Sprech.

Die fünf Gesetze
  1. Konkret schlägt kategorial. Zahl, Ort, Jahr, Name statt Kategorie.
  2. Ein Gedanke, eine Landung. Nicht jeder Satz will pointen.
  3. Runter vom Register. Gesprochen statt literarisch.
  4. Zeig die Arbeit. Handwerk benennen, Nichtwissen zugeben.
  5. Nie erklären, was schon dasteht. Wer den Gag erklärt, hat ihn getötet.

Gag-Muster: Setup (banale Alltagswahrheit) → Umkehr (die Drehung) → Landung (trockener Wink, unaufgelöst)

Gedankenstrich: Deutsch – mit Leerzeichen, NIE —. Max 1 Konstrukt pro Text.
Ansprache: Du ist der Default. Sie nur wo rechtlich/geschäftlich geboten. Dazwischen entscheidet der Kontext, nicht die Vorsicht.

Verbrannte Wörter (Auswahl, vollständig in /voice.json)
  DE: nahtlos, ganzheitlich, maßgeschneidert, innovativ, revolutionär, bahnbrechend, wegweisend, einzigartig, hochwertig, vielfältig, spannend, Mehrwert, Synergie, Ökosystem, Reise, Landschaft, eintauchen, beleuchten, unterstreichen, widerspiegeln
  EN: delve, landscape, tapestry, journey, elevate, embark, leverage, harness, realm, myriad, plethora, multifaceted, groundbreaking, revolutionize, synergy, resonate, streamline, seamless, robust, cutting-edge, transformative, curated, handpicked, unlock, empower, level up, game-changer
  Hype: perfekt, premium, exklusiv, feinster, exquisit, magisch, unvergleichlich, stunning, must-have, limitiert, epic, killer

Kanäle
  social           A ~250 Zeichen (kurz/spitz), B ~600 Zeichen (szenisch)
  journal          de
  radioEditorial   en
  website          Sagen was es ist, dann was man davon hat. Keine Vorrede.
  email            ['Direkt und ehrlich: wenn etwas nicht klappte, steht das da', 'Proaktiv: gleich mitliefern was
  support          Fehler schnörkellos benennen, Verantwortung übernehmen, konkret sagen was passiert
  chat             1–3 Sätze
  newsletter       wie ein Brief, nicht wie eine Kampagne
  microcopy        Verb + Objekt, kleingeschrieben okay: 'Platte ansehen', 'Termin buchen'
  formal           ['Mietverhältnisse', 'Behörden', 'Verträge', 'Mahnwesen']

Prüfung: 15 ausführbare Regeln in /voice.json, Referenz-Linter unter /lint.py.
Zum Schluss laut lesen. Raus muss alles, was klingt wie Pressemitteilung, was niemand so sagen würde, was sich zu klug vorkommt, oder was man mit ausgetauschten Substantiven über jedes andere Thema schreiben könnte.

---

## Der vollständige Guide

Ab hier folgt /brand.md unverändert.

---

# as.if.records – Brand Guide

**Version 2.0** – aus dem Live-Design-System der Website gezogen (Shopify-Theme,
`asif-type-system.css` + `mag-tokens.css`). Version 1 ist vollständig ersetzt:
andere Palette, andere Radien, andere Icon-Sprache.

> Für Menschen und LLMs. Die maschinenlesbare Wahrheit für alle harten Werte liegt
> in `tokens.json` – immer von dort lesen, nie Werte aus diesem Text abtippen.
> Bei Konflikt gewinnt `tokens.json`.

**Marke:** as.if.records (FOKS GmbH)
**Was es ist:** Ein Label-System für Radio, Räume, Studio, Spirits, Merch, Journal, Website und App.
**Kern:** Eine Master-Palette, eine Typo-Logik, ein Raster. Kein Zoo aus Submarken.
**Haltung:** Warm, kuratiert, direkt, präzise – und konsequent kantig.

---

## Für LLMs: bevor du etwas baust

**Es gibt keine Kurzfassung.** Lies dieses Dokument vollständig *und* `tokens.json`,
bevor du irgendetwas für diese Marke produzierst – Website, App, Merch, Social,
Print, Dokument. Die Marke lebt in den Details: in der Schreibweise, im Register
der Stimme, im Verhältnis der Flächenanteile, in dem, was *nicht* gemacht wird.
Eine Handvoll Bullet-Regeln reicht nicht und führt zu generischem Output.

Werte ziehst du live: `brand.as-if-records.com/tokens.json` und `/brand.md`
(öffentlich, kein Login) oder über den `brand-ci`-Skill (`emit -f css|tailwind|json`).

**Die drei Fehler, die am häufigsten passieren:** abgerundete Ecken einbauen
(alles ist 0), Schatten setzen (es gibt keine), und Signal-Gelb großflächig
verwenden (es ist ein Marker, keine Fläche).

---

## Was sich zu Version 1 geändert hat

| | v1 | v2 |
|---|---|---|
| Signal | `#F2994A` Orange | `#E7DF72` blasses Gelb |
| Ink | `#0A0A0A` | `#181A1A` |
| Paper | `#F7F2EA` | `#F2EFE6` |
| Cardboard | `#D8C3A5` warm-tan | `#DEDCD4` neutral |
| Graphite | `#232323` | `#222524` |
| Muted | `#B7B7B7` | `#B9B7B0` |
| Clay / Olive | vorhanden | **gestrichen** |
| Radius | 22 / 14 / pill | **0 überall** |
| Schatten | großer weicher | **none** |
| Headline-Schrift | teils Display | **Sans** |
| Icons | round cap, 1.9 | **square cap, miter, 2** |

---

## 1 · Logo

Es gibt **zwei erlaubte Formen**. Beide tragen dieselbe Logo-Schrift und dieselbe
Box-Logik: gerade Fläche, kein Verlauf, kein eingefärbter Text.

**Form 1 – Lockup** (die gerade Box mit kursiver Wortmarke `_as.if.records`).
Fürs Längliche: Leisten, Footer, Print, Außen.

- **Box:** gerade, rechteckig, `color.ink`. Kein Skew, kein Radius, kein Verlauf, kein Schatten.
- **Text:** Logo-Schrift (`font.logo`), 900, kursiv, weiß. Nur der Text ist kursiv, die Box bleibt gerade.
- Darf nativ in HTML/CSS gebaut werden.

**Form 2 – Signet** (die gestapelte Wortmarke im Quadrat). Für runde Kontexte –
Social-Avatar, App-Icon, Favicon – wird das Quadrat zum Kreis beschnitten.
**Das Quadrat ist die Quelle**, der Kreis ist nur ein Crop. Kein eigener Ring,
kein Rahmen, kein Radius am Quadrat selbst.

- Zwei Grundflächen: Ink und Paper. Der Text steht immer im Komplement, nie eingefärbt.
- Assets: `/assets/logo/asif-signet-dark.png`, `/assets/logo/asif-signet-light.png` (400 × 400).
- Programmatisch baubar (Favicon, generierte Avatare): Quadrat in `color.ink` bzw.
  `color.paper`, gestapelt `_as.if.` über `records`, Logo-Schrift 900 kursiv,
  linksbündig, vertikal zentriert.

**Schutzraum.** Lockup: mindestens die Höhe des Unterstrichs links und rechts frei.
In UI-Leisten ≥ 16 px, auf Plakaten ≥ 4 % der kürzeren Kante. Signet: beim
Kreis-Crop muss die Wortmarke vollständig im einbeschriebenen Kreis liegen – nie
an der Beschnittkante anschneiden.

**Verboten:** schräge Box, andere Logo-Schrift, Verlauf im Logo, farbige Wortmarke,
Outline, Schatten, Nachsetzen in Sans oder Display. Beim Signet zusätzlich: kein
eigener Ring oder Rahmen um den Kreis, das Quadrat nicht zum Rechteck quetschen,
den Text nicht einfärben.

*Offen: ein Vektor-Original des Lockups (SVG) für großen Print und Außen.*

---

## 2 · Die Marke

Wer für as.if.records arbeitet, sollte das hier kennen, bevor er ein Wort schreibt oder ein Pixel setzt.

### Die Firma

**FOKS GmbH** ist 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 · Shop seit 2020
- `www.as-if-records.com` · `+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

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

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. 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
- 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, Linden No4. Gemeinsamer Auftritt, jede Marke bleibt eigenständig. Wenn das Kartell auftritt, sind wir einer von vieren und nicht der Gastgeber.

### Schreibweise

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` · Schwarzes Gold, Kölner Schnapskartell (Eigennamen) · FOKS GmbH (Firmenname, Versalien)
- **Niemals:** „As If Records", „AS.IF", „As-if-Records", „as if records", „asif", „AsIf", „Foks"

**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 und allem, was jemand zum ersten Mal liest, steht die volle Form `as.if.radio`. Die Kurzform funktioniert nur, weil das Dach im Header steht. `.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 erwähnen, nicht wiederbeleben.

**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.

### 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`

---

## 3 · Farbe

Eine Master-Palette. Werte in `tokens.json` unter `color`.

- `ink` `#181A1A` – Text und dunkle Flächen
- `paper` `#F2EFE6` – Hintergrund, warm statt weiß
- `cardboard` `#DEDCD4` – ruhige Sekundärfläche
- `signal` `#E7DF72` – **der einzige Akzent**, Marker für Handlung
- `signalHover` `#F1E98D` – Hover auf Signal-Flächen
- `graphite` `#222524` – angehobene dunkle Fläche, Hover auf dunklen Buttons
- `muted` `#B9B7B0` – sekundäre Labels auf Dunkel
- `ink72` / `ink62` / `ink45` – Textabstufungen und dezente Rahmen auf Paper
- `line` / `lineSoft` / `lineLight` – Trennlinien

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

**Kontrast (gerechnet, alle AAA):** Ink/Paper 15,20:1 · Ink/Cardboard 12,73:1 ·
Ink/Signal 12,65:1 · Paper/Graphite 13,45:1 · Signal/Graphite 11,19:1 · Muted/Ink 8,71:1.

**Erlaubte Flächen-Kombinationen** – damit niemand raten muss:

| Fläche | Text darauf | Linien | Wofür |
|---|---|---|---|
| `paper` | `ink`, `ink72`, `ink62` | `line`, `lineSoft` | Standard: Seiten, Buchung, Journal, Shop |
| `cardboard` | `ink` | `line` | Karten, ruhige Abgrenzung im Hellen |
| `ink` | `paper`, `muted` | `lineLight` | Player, App, dunkle Panels, Footer |
| `graphite` | `paper`, `muted` | `lineLight` | angehobene Fläche auf Ink, Hover |
| `signal` | `ink` | – | 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.

---

## 4 · Typografie

Vier Schriften, self-hosted als Variable Fonts unter Marken-Namen.

| Rolle | Schrift | Einsatz |
|---|---|---|
| `font.sans` | Asif Sans (Archivo Var) | UI, Navigation, **alle Überschriften**, Buttons |
| `font.serif` | Asif Serif (Source Serif 4 Var) | Longform, Lede, Journal-Prosa, Blockquotes |
| `font.display` | Asif Display (Bodoni Moda Var) | **nur** Artikel- und Cover-Titel, ab ~44 px |
| `font.mono` | Asif Mono (IBM Plex Mono) | Kicker, Zeiten, Index, Pills, technische Labels |
| `font.logo` | Roboto/Helvetica | nur die Wortmarke |

**Fluide Skala** (`fontSize.step-1` bis `step5`): 11–12 · 16–17 · 19–23 · 24–32 ·
32–46 · 44–70 · 56–100 px. Keine festen Größen mehr.

**Variable Gewichte** werden bewusst genutzt: 450 Fließtext · 520 Claims ·
620 Karten-Titel · 700 Standard-Headline · 720 Hero · 900 Rubriken-Streifen.
Keine Schnitte unter 400.

**Laufweiten:** Überschriften `-0.025em`, Hero `-0.052em`, Fließtext `-0.006em`,
Buttons `0.04em`, Mono-Meta `0.1em` uppercase.

**Do:** max. drei sichtbare Rollen pro Seite · Longform in Serif mit 68 ch ·
Display nur groß und nur editorial · Meta immer Mono uppercase.
**Don't:** Display in Buttons oder Navigation · Mono als Fließtext ·
Logo-Schrift als Überschrift · lange Lesetexte in Sans, wo es redaktionell wirken soll.

---

## 5 · Magazine & Journal

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

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

---

## 6 · Icons

Kantig und geometrisch – passend zu Radius 0. Funktionale Zeichen, keine Illustrationen.

**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.

**Quelle:** `/assets/icons/`. Bereiche: radio, spaces, studio, spirits, threads,
journal. Funktion: play, pause, wave, mic, heart, clock, search, menu, chevron,
back, close, plus, check, external, message, help, mail, phone, calendar, pin,
drink, box. Neue Icons strikt nach dieser Spec ergänzen.

---

## 7 · UI-Komponenten

- **Buttons:** scharfkantig, kein Radius. Primär = Ink auf Paper, Hover → Graphite.
  Signal-CTA = Signal mit Ink-Text, Hover → signalHover. Ghost = transparent mit
  Ink-Rahmen, Hover invertiert. Ein primärer CTA pro Ansicht.
- **Pills/Tags:** Mono uppercase `.08em`, Rahmen `ink45`, kein Radius. Aktiv füllt
  sich mit Ink, Text wird Paper.
- **Formulare:** ≥ 44 px hoch, kein Radius. Fokus: 2 px Ink-Outline, 2 px Offset – immer sichtbar, nie nur über Farbe.
- **Karten:** Flächen mit Linie – Paper, Cardboard oder Ink. Keine Schatten.
- **Zustände:** jeder aktive Zustand kombiniert mindestens zwei Signale (Farbe plus
  Fläche, Position oder Gewicht). Farbe allein reicht nie.
- **Dark vs. Paper:** Dark UI für Player und App, Paper für Buchung, Journal, Shop.

---

## 8 · Layout & Raster

- Max-Breite `1280px`, Außenrand `28px` (Mobile 18), Gap `32px` (Mobile 24).
- Lesebreite Longform `40.5rem` ≈ 648 px ≈ 72 Zeichen.
- 8-pt-Spacing: 4, 8, 12, 16, 24, 32, 48, 64, 96. Keine zufälligen Abstände.
- **Linien statt Kästen:** Struktur über Trennlinien (1 px) und Rubriken-Streifen
  (2 px unter Section-Titeln). Wo v1 einen Schatten gesetzt hätte, setzt v2 eine Linie.

---

## 9 · Motion

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

- **Dauer:** fast 120 ms (Hover), base 180 ms (Übergänge/Toasts), slow 320 ms (Eintritte/Overlays).
- **Easing:** `cubic-bezier(.2,0,0,1)`. Eintritt standard, Austritt schneller. Kein Überschwingen.
- **Prinzip:** pro Moment eine Bewegung. Gestaffelter Reveal statt alles auf einmal.
  `prefers-reduced-motion` immer respektieren.

---

## 10 · Bildsprache

Analog, warm, echt – handgemacht statt Stockdatenbank.

**Ja:** warmes natürliches Licht, Papier-/Filmkorn, echte Szenen (Raum, Technik,
Kaffee, Vinyl, Hände am Werk), UGC-Haltung – nah, unperfekt, ehrlich.
**Nein:** glattes Hochglanz-Stockfoto, kaltes Blau/Neon, AI-perfekte sterile
Renderings, Filter die die Palette brechen.
**Behandlung:** dezente Wärme statt knalliger Sättigung. Text auf Bild nur mit
ruhiger Zone oder Fade-to-Dark.

---

## 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.

- **Kontrast:** mindestens 4,5:1 für jeden realen Text. Die dokumentierten Paare
  liegen alle bei AAA. Neue Kombinationen immer nachmessen.
- **Touch-Ziele:** mindestens 44 × 44 px, auch wenn das Icon kleiner ist. Abstand
  zwischen zwei Zielen mindestens 8 px.
- **Fokus:** immer sichtbar, 2 px Ink-Outline, 2 px Offset. Nie entfernen, nie nur
  über Farbe.
- **Zwei Signale pro Zustand:** aktiv, ausgewählt oder fehlerhaft wird nie allein
  über Farbe kommuniziert – 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. Dekoratives 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

**Ein Satz:** lakonisch, konkret, per Du, lokal verankert, klug ohne klugzuscheißen – nie cheesy, nie KI-Sprech.

Das gilt überall: Post, Artikel, Website, Produkttext, Mail, Chat, Button, Fehlermeldung, Beschwerde. Die Regeln unten sind kanalübergreifend; die Kanal-Tabelle sagt, was sich pro Kontext ändert. Maschinenlesbar liegt alles in `voice.json` (Wortlisten, Kanal-Specs, 12 Prüfregeln).

### Woher die Stimme kommt

**BBC 6 Music** – Wissen ohne Angeberei, Selbstironie, 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?", „Jugo Ürdens goes full Indie", „The Reality Behind the Fery-Tale". Dazu der Kategorie-Kicker über dem Titel.

**Threadheads** – Absurdität, die sich selbst auffliegen lässt: „You probably wouldn't believe us. And you're right not to." Plus Ehrlichkeit ohne Schnörkel im Fehlerfall. **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, und der bodenständig-konkrete Ort schlägt die clevere Abstraktion: „im Schnitzel-Restaurant unseres Vertrauens" statt „Läden mit Meinung".

### 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. 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 offen bleibt.

> 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.

Niemals dazuschreiben „…weil du es ja trinkst".

### Du oder Sie

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

### Kanäle

| Kanal | Länge | Register | Woran man merkt, dass es sitzt |
|---|---|---|---|
| Social | 250 oder 600 Zeichen | Du, gesprochen | Hook zieht in Zeile 1, eine Landung, ein Ziel |
| Journal / Blog | Langform, 68 Zeichen breit | Du, erste Person erlaubt | Öffnet mit Ort und Jahr, nicht mit These |
| Radio-Editorial | 3 Absätze | Englisch, durchgehend klein | Fakten dicht, Urteil als Fragment am Schluss |
| Website / Produkt | so kurz wie möglich | Du, sachlich | Sagt was es ist, bevor es sagt was es bringt |
| E-Mail | ein Anliegen | Du (Sie formell) | Erster Satz ist die Sache, keine Vorrede |
| Support | kurz | Du, gerade heraus | Benennt den Fehler, bevor es ihn erklärt |
| Chat | 1–3 Sätze | Du, knapp | Antwortet, statt zu moderieren |
| Newsletter | ein Thema trägt | Du, brieflich | Liest sich wie geschrieben, nicht wie versendet |
| Microcopy | 2–3 Wörter | Verb + Objekt | „Termin buchen", nicht „Jetzt entdecken" |
| Formell | vollständig | Sie, sachlich | Kein Amtsdeutsch, keine Floskeln |

**Journal öffnet so:** „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." Ort, Jahr, Alter, Name, Zahl. Kein „Musik hat schon immer …".

**Radio-Editorial klingt so:** „if you missed luiz melodia — 'congênito' earlier, go dig. … between malandro swagger and blues ache. nobody in mpb sounds like him." Englisch, klein, Fakten dicht, Urteil als Fragment.

**Support entschuldigt sich so:** „Das hat viel zu lange gedauert, und dich die Zollgebühr vorstrecken zu lassen war unser Fehler. Ist erledigt, das Paket ist unterwegs." Nicht: „Wir bedauern die entstandenen Unannehmlichkeiten."

**Microcopy:** „Termin buchen", „Platte ansehen", „Zur Kasse" – nicht „Jetzt entdecken", „Mehr erfahren", „Hier klicken". Fehlermeldung: „Der Stream ist gerade weg. Wir sind dran." Nicht „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. Aufgeblähte Höflichkeitsformeln fallen sofort auf.

**Drei Säulen.** *Direkt und ehrlich* – wenn etwas nicht geklappt hat, steht das da („Ich hab es gestern nicht geschafft, weil …"). *Proaktiv* – nicht nur die Frage beantworten, gleich mitliefern was als Nächstes passiert. *Warm ohne Kitsch* – ein persönliches Detail wo es passt („Liebe Grüße an den Möhnesee"), keine aufgesetzten Floskeln.

**Absender.** `hello@as-if-records.com` für die Marke (Buchungen Spaces/Spirits/Studio, kreative Anfragen, Kooperationen). `mail@fokses.com` fürs Geschäft (Immobilien, Nebenkosten, Verträge, Behörden, Banken, Dienstleister). `pierre.severin@gmail.com` privat. Im Zweifel: an welche Adresse ging die ursprüngliche Mail? Über dieselbe antworten.

**Anrede und Gruß.**

| Beziehung | Anrede | Gruß |
|---|---|---|
| vertraut | „Hey Vorname," | „Liebe Grüße" + 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" + 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, ohne Unterwürfigkeit. „sorry, dass ich mich jetzt erst melde, die Woche war komplett voll." Über zwei Wochen deutlicher: „Das ist komplett durchgerutscht bei mir." Nie mehr als ein Satz.

**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. Das signalisiert Interesse statt Abwehr.

**Betreff.** Konkret und benennend, kein Clickbait, kein Ausrufezeichen. „Auftragsbestätigung 14.–15. März" statt „Ihre Anfrage bei uns". Bei Antworten den Betreff stehen lassen.

**So klingt eine echte Absage:**

> 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
> Pierre

**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" · „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.

### Kein KI-Sprech

**Der Gedankenstrich** ist der auffälligste Marker. Im Deutschen ist er 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"). 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") → 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.
- 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. Drei Sätze in Folge mit 15–25 Wörtern sind ein Warnsignal. Mindestens ein kurzer Satz pro Block. Fragmente sind erlaubt.

**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.

---

## 13 · Social

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

**Hook in Zeile 1** – Beobachtung (gedrehter Alltagsmoment), Statement („we do podcasts!"), Wortspiel/Setup (subtil, kein Kalauer) oder Quote. 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), nie Marketing-Schluss. Bei Lokal-Posts steht das Veedel als erstes Wort, als Ausruf: „NIPPES!".

**Zwei Varianten** pro Post, strukturell unterschiedlich: 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. Produkt- und Story-Posts kriegen die URL.

**Sub-Brand-Noten**

| Marke | Tonfall | Verboten | Closer |
|---|---|---|---|
| Schwarzes Gold | lakonisch-elegant, leicht 1920s-Bar | perfekt, feinster, exquisit | `schwarzes-gold.net` |
| as.if.spaces | einladend ohne pushy | innovative Räumlichkeiten, unser Team | Adresse |
| as.if.threads | lässig, design-bewusst | limitiert, exclusive drop, must-have | `/threads` |
| as.if.radio | warm, 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 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 und wo es hin soll, hat sie verstanden. Im Zweifel einmal kurz rückfragen statt in die falsche Richtung produzieren.

### Die Reihenfolge

1. **Frage verstehen.** Was ist wirklich gemeint, was ist das Ziel dahinter? Bei zwei plausiblen Lesarten mit verschiedenen Ergebnissen: nachfragen, kurz und konkret.
2. **Kontext klären.** Welches Projekt, welche Marke, welcher Kanal, welches Format? Was existiert schon, was darf nicht kaputtgehen?
3. **Anforderungen ableiten.** Was muss das Ergebnis können? Welche Regeln gelten (CI, Sprache, Barrierefreiheit, Recht)? Woran merkt man, 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.
5. **Werkzeuge nutzen, nicht raten.** Für fast alles gibt es Skills, APIs und Live-Endpunkte. Anleitungen zum Selberklicken sind die letzte Option, nicht die erste.
6. **Bauen in Schleifen.** 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.** Gegen die Anforderungen aus Schritt 3 halten. Text durch `lint.py`. Werte gegen `tokens.json`. Dateien wirklich abrufen statt annehmen. Was nicht geprüft wurde, gilt als ungeprüft.
8. **Ehrlich berichten.** Was ist fertig, was offen, was hat nicht geklappt und warum. Fehler benennen statt überspielen.

### Agentisch arbeiten

Aufgaben sind selten ein einzelner Schritt. Der Normalfall ist eine Kette: nachsehen, entscheiden, bauen, prüfen, nachbessern. Die läuft eigenständig durch. Gefragt wird bei **Richtungsentscheidungen**, nicht bei Handgriffen.

Immer selbst erledigen: Daten holen, Dateien lesen und schreiben, deployen, testen, korrigieren. Immer bestätigen lassen: 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

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

---

## 15 · Tokens, Assets & Governance

**Assets** – alles ohne Login erreichbar, funktioniert in Builds und für externe Partner:

| Was | Wo |
|---|---|
| Design Tokens | `/tokens.json` |
| Dieser Guide | `/brand.md` |
| LLM-Einstieg | `/llms.txt` |
| Icon-Set (28 SVG) | `/assets/icons/` |
| Signet dunkel/hell | `/assets/logo/asif-signet-dark.png`, `-light.png` (400 × 400) |

**Schriften** laufen produktiv self-hosted als Variable Fonts (`mag-archivo-var.woff2`,
`mag-sourceserif-var.woff2` + Italic, `mag-bodoni-var.woff2`, `mag-plexmono-400/700.woff2`)
im Shop-Theme unter `assets/`. Für Entwürfe reichen die Google-Fonts-Äquivalente.

**CI ziehen:** `brand.as-if-records.com/tokens.json` und `/brand.md`, oder über den
`brand-ci`-Skill: `emit -f css|tailwind|json`.

**Governance.** 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 **nur** in `tokens.json`, nie im Projektcode.
Das Brandbook rendert aus derselben Datei – ein geänderter Token wirkt dort und in
jedem Build, der die CI zieht. Regeln und Prosa leben in `brand.md` und in der Seite,
beide synchron halten. Operativ läuft das über `brand-ci`; Commit auf `main` → live.

**Versionierung:** steht in `tokens.json` unter `$extensions.asif.brand.version`.
Zweite Stelle hoch bei neuen Regeln oder Sektionen, erste Stelle bei einem Bruch wie
v1 → v2. Wer die CI in einem Projekt einfriert, notiert die Version dazu.

**Templates:** Web Hero, App Player, Journal Cover, Booking Card, Event Poster, Product/Hangtag.

**Launch-Check:** Irgendwo ein Radius oder Schatten reingerutscht? Signal
großflächig statt als Marker? 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?
Social mit einem Ziel pro Post? Motion ruhig und reduced-motion-fest?

---

*Maschinenlesbare Quellen: `tokens.json` · `brand.md` · `llms.txt` · `/assets/icons/`.
Bereiche: as.if.radio, as.if.spaces, as.if.studio, as.if.spirits, as.if.threads,
as.if.journal, Schwarzes Gold.*