---
name: hey-albert-brand
description: Marke und Designsystem von Hey Albert. Verwenden, bevor Text, Oberfläche, Bild oder Social-Motiv für Hey Albert entsteht. Lädt Regeln, Tokens und Bauteile von brand.heyalbert.family.
---

# Hey Albert — Marke und Designsystem

Quelle: https://brand.heyalbert.family · Verzeichnis: https://brand.heyalbert.family/llms.txt · Alles in einer Datei: https://brand.heyalbert.family/llms-full.txt (Deutsch), https://brand.heyalbert.family/en/llms-full.txt (English)

## Zuerst laden

1. https://brand.heyalbert.family/regeln.json — Wortlisten, Register, Grenzen, Gestaltungsregeln
2. https://brand.heyalbert.family/tokens/tokens.json — alle Tokens, hell und dunkel, mit Bedeutung
3. https://brand.heyalbert.family/bauteile.json — Bauteile mit Typen und Prompt
4. Das Kapitel zur Aufgabe als Markdown, z. B. https://brand.heyalbert.family/farbe.md, https://brand.heyalbert.family/iphone.md, https://brand.heyalbert.family/social-media.md

## Nicht verhandelbar

- Kein Hex-Wert in einem Bauteil. Farbe läuft über Rollen (--grund, --karte, --tinte, --akzent).
- Keine Schatten, nirgends. Tiefe kommt aus Schleier, stärkerer Kontur und Kippung.
- Bedeutungen werden nicht getauscht: Rosa = Akzent und Jetzt, Gelb = Familie und Ritual, Blau = Fahrt, Offen-Rosa nur als gestrichelter Rand für „ohne Zuständigen“. Rosa heißt nie „Fehler“.
- Farbe ist nie der einzige Träger. Initiale oder Name steht dabei.
- Inaktiv ist eine gerechnete Rolle, keine Deckkraft.
- Text und Bedienelemente mindestens 4,5:1, Flächen und Konturen mindestens 3:1.
- Zielflächen: Zeiger 28, Finger 44, Kind 56 px — nie darunter.
- Fokus immer über :focus-visible: 2 px Ring in Offen-Rosa mit 2 px Abstand.
- 120 ms Zustände, 200 ms Einblendungen, 300 ms Atem. Kein Federn, kein Kreisel. Bei reduzierter Bewegung steht alles still.
- Skelett statt Kreisel. Das Skelett hat die Form des Inhalts.
- Jede Änderung ist optimistisch und hat „Rückgängig“.
- Schriften werden lokal ausgeliefert, nie von Google-Servern.
- Kein Emoji, keine Unicode-Zeichen als Icon-Ersatz.
- Fehlt ein Zeichen, wird es aus dem Satz geholt, nicht erfunden.
- „ihr“ zur Familie, „du“ zum Einzelnen, nie „Sie“. Die Zahl entscheidet, nie das Geschlecht.
- Kein Ausrufezeichen und kein Emoji in der Oberfläche.
- Nie: Nutzer, User, Feature, Dashboard, Task, Item, Content, verwalten (für Menschen), optimieren, effizient, Produktivität, Premium freischalten.
- In der Vermarktung zusätzlich nie: KI, smart, intelligent, magisch, automatisch, nahtlos, Mental Load, Chaos, Nie wieder …, Superlative („#1“, „das beste“), jetzt sichern, spart Zeit.
- Beispiele nutzen immer Familie Sonntag, nie echte Familien. Woche Mo 1. – So 7. September, heute ist Mittwoch, der 3.

## Fünf Leitsätze

1. Alles hat genau einen Zuständigen. Ohne Zuständigen ist ein Problem und wird laut gezeigt. Einzige Ausnahme: die Aufgaben-Inbox.
2. Ein Datenmodell, viele Ansichten. Web, Mac, iPhone, iPad und Watch zeigen dieselben Zeilen.
3. Bündel statt Einzelteile. Eine Fahrt zieht Auto, Fahrer, Mitfahrer und Checkliste mit.
4. Jede Person hat ihren eigenen Raum. Kinder gestalten ihren selbst, innerhalb von Kontrast-Leitplanken.
5. Kinder sind Beteiligte, nicht Publikum. Prüffrage: Könnte eine Neunjährige das allein benutzen?

## Fertig ist eine Ansicht erst mit

- leerer Zustand
- Skelett statt Kreisel
- Tastatur und :focus-visible
- Handy und Tisch
- hell und dunkel als Token-Umschaltung
- optimistisches Update mit „Rückgängig“
- richtiges Register
- kein Hex-Wert
- Zielflächen 28/44/56