Zum Inhalt
Hey AlbertMarke und Designsystem
Als MarkdownEnglishEN

Ressourcen

Änderungen und offene Punkte

Was sich an Marke und Gestaltung wann und warum geändert hat, und was noch nicht entschieden oder nicht gebaut ist. Ehrlich, mit Quelle.

Das Designsystem hat eine Geschichte. Wer gegen ein früheres System gebaut hat, findet hier, was sich geändert hat. Wer neu dazukommt, findet die offenen Stellen. Quelle für alles: docs/entscheidungen.md und docs/status.md.

Stand

Das Paket @hey-albert/design-system trägt die Version 0.1.0. Die Werte sind seit dem 22. September in tokens/quelle eingefroren und werden gegen tokens/referenz geprüft.

Änderungen

DatumWasWarum
21.10.2026brand.heyalbert.family entsteht, erzeugt aus dem Paket. regeln/regeln.json wird die maschinenlesbare Quelle für Wörter, Register, Grenzen und Gestaltungsregeln. Token-Beschreibungen tragen echte Umlaute.Ein Ort für Team, externe Fachleute und Agenten, ohne zweite Quelle.
30.09.2026Die Website sieht wieder aus wie vor der Umstellung auf Payload. Payload-Blöcke werden im Markup des alten Generators gezeichnet, stil.css ist die Quelle des Aussehens.Die erste Payload-Fassung wich sichtbar ab.
22.09.2026Tokens als Code: Quelle im W3C-Format, Style Dictionary erzeugt CSS, Tailwind-Theme und Swift. Zehn shadcn-Primitive auf Rollen, sechzehn Website-Blöcke, Storybook, Bildvergleiche, Brand-QA. Sieben neue Rollen für Zeiger- und Druckzustände.Werte standen noch als Hex in components.css und Karte.jsx. Jetzt steht ein Hex-Wert nur in der Quelle.
20.09.2026Gruppe components/hq mit Satellit und Trichter.Das HQ bekam Bauteile, die erst im System entstehen und dann in der App.
19.09.2026Monorepo: das System liegt als packages/design-system. Die Web-App holt Tokens und Schriften aus dem Paket. Rahmen.tsx ist LeisteMac und Kopfzeile für App und HQ.Ein Rahmen, eine Quelle, nichts zweimal gebaut.
04.09.2026Das Designsystem aus Claude Design wird die einzige Quelle. Waldtinte-Tokens, alte Schirme und die erste Brand-Seite gehen ins Archiv. Die vier Schriften werden heruntergeladen und lokal ausgeliefert.Zwei Quellen sind eine Gabelung. Schriften von Google-Servern geben die IP-Adresse jedes Besuchers weiter.
04.09.2026Website und App teilen eine Palette. Die alte Palette aus dem Homepage-Blueprint gilt nicht mehr.Ein eigener Token-Satz für die Website ist ausgeschlossen.
02.09.2026Die Farbwelt der A2-Screensets wird die App: warmes Creme, schwarze Leiste, Rosa als Akzent, beige Karten, Gelb für Familie, Blau für Fahrten.Entscheidung des Gründers nach den letzten Screensets.
31.08.2026„Inaktiv“ ist eine gerechnete Rolle statt Deckkraft.Deckkraft multipliziert sich mit dem Untergrund, dann stimmt keine Kontrastzahl.
30.08.2026Das Zeichen ist ein Knäuel mit Augen, auch als Favicon. Maskottchen und Markenzeichen sind zwei Aufgaben.Albert räumt das Leben nicht auf, er behält den Überblick, während es weitergeht.
30.08.2026Schriften werden lokal ausgeliefert.Urteil des LG München I vom 20.01.2022 zu Google Fonts.
28.08.2026Die Welt „Notizbuch“ ist gesetzt: Papier, Tinte, Klebezettel, keine Schatten. Die Signalfarbe gehört keiner Person.Sieben Gestaltungswelten wurden verglichen.
23.08.2026Grundlage Tinte auf Papier, Haarlinien, 8-px-Raster, kein Elevationssystem.Ein Küchenkalender, ein Aktenordner und das Jahresbuch sind Papier.

Offene Punkte

Jeder Punkt ist gegen die Dateien geprüft, Stand 21. Oktober.

Gestaltung