# Downloads

> Logos, Schriften, Zeichen, Tokens und Screens von Familie Sonntag zum Herunterladen, einzeln oder als Paket. Dazu, wer was wofür benutzen darf.

Quelle: https://brand.heyalbert.family/downloads/ · Hey Albert Marke und Designsystem

Alles hier entsteht beim Bau aus `packages/design-system` und den Screens der Website. Was ihr herunterladet, ist also derselbe Stand, den App und Website gerade benutzen.

## Pakete

- [Logos](https://brand.heyalbert.family/downloads/hey-albert-logos.zip)
- [Zeichen (SVG)](https://brand.heyalbert.family/downloads/hey-albert-zeichen.zip)
- [Schriften mit Lizenzen](https://brand.heyalbert.family/downloads/hey-albert-schriften.zip)
- [Tokens: JSON, CSS, Tailwind, Swift](https://brand.heyalbert.family/downloads/hey-albert-tokens.zip)
- [Screens von Familie Sonntag (PNG)](https://brand.heyalbert.family/downloads/hey-albert-screens.zip)
- [Alles in einem Paket](https://brand.heyalbert.family/downloads/hey-albert-markenpaket.zip)

Das große Markenpaket enthält alle Logos, Zeichen, Schriften, Token-Dateien, Screens und den Skill für Agenten, dazu eine kurze Liesmich-Datei.

## Logos

| Fassung | Maße | Größe | Datei |
| --- | --- | --- | --- |
| logo-albert-256 | 256 × 256 px | 32 KB | https://brand.heyalbert.family/marke/logos/logo-albert-256.png |
| logo-albert-auf-schwarz | 912 × 912 px | 76 KB | https://brand.heyalbert.family/marke/logos/logo-albert-auf-schwarz.png |
| logo-albert-hell | 1024 × 1024 px | 23 KB | https://brand.heyalbert.family/marke/logos/logo-albert-hell.png |
| logo-albert-mono | 912 × 912 px | 66 KB | https://brand.heyalbert.family/marke/logos/logo-albert-mono.png |
| logo-albert | 912 × 912 px | 77 KB | https://brand.heyalbert.family/marke/logos/logo-albert.png |

Die Regeln zum Logo stehen im Kapitel [Logo](/logo/). Es gibt das Logo zurzeit nur als PNG.

## Schriften

| Rolle | Familie | Einsatz |
| --- | --- | --- |
| schrift-titel | "Bricolage Grotesque", "Helvetica Neue", system-ui, sans-serif |  |
| schrift-text | Inter, system-ui, -apple-system, sans-serif |  |
| schrift-mono | "Roboto Mono", ui-monospace, "SF Mono", monospace |  |
| schrift-hand | "Reenie Beanie", "Bradley Hand", cursive |  |

Dateien: [bricolage-grotesque-latin-ext.woff2](https://brand.heyalbert.family/schriften/web/bricolage-grotesque-latin-ext.woff2), [bricolage-grotesque-latin.woff2](https://brand.heyalbert.family/schriften/web/bricolage-grotesque-latin.woff2), [inter-latin-ext.woff2](https://brand.heyalbert.family/schriften/web/inter-latin-ext.woff2), [inter-latin.woff2](https://brand.heyalbert.family/schriften/web/inter-latin.woff2), [reenie-beanie-latin.woff2](https://brand.heyalbert.family/schriften/web/reenie-beanie-latin.woff2), [roboto-mono-latin-ext.woff2](https://brand.heyalbert.family/schriften/web/roboto-mono-latin-ext.woff2), [roboto-mono-latin.woff2](https://brand.heyalbert.family/schriften/web/roboto-mono-latin.woff2), [BricolageGrotesque[opsz,wdth,wght].ttf](https://brand.heyalbert.family/schriften/app/BricolageGrotesque[opsz,wdth,wght].ttf), [Inter[opsz,wght].ttf](https://brand.heyalbert.family/schriften/app/Inter[opsz,wght].ttf), [OFL-BricolageGrotesque.txt](https://brand.heyalbert.family/schriften/app/OFL-BricolageGrotesque.txt), [OFL-Inter.txt](https://brand.heyalbert.family/schriften/app/OFL-Inter.txt), [OFL-ReenieBeanie.txt](https://brand.heyalbert.family/schriften/app/OFL-ReenieBeanie.txt), [OFL-RobotoMono.txt](https://brand.heyalbert.family/schriften/app/OFL-RobotoMono.txt), [ReenieBeanie.ttf](https://brand.heyalbert.family/schriften/app/ReenieBeanie.ttf), [RobotoMono[wght].ttf](https://brand.heyalbert.family/schriften/app/RobotoMono[wght].ttf), [LIZENZEN.md](https://brand.heyalbert.family/schriften/LIZENZEN.md)

Bricolage Grotesque, Inter und Reenie Beanie stehen unter der SIL Open Font License 1.1, Roboto Mono unter der Apache License 2.0. Die Lizenztexte liegen im Schriftenpaket. Für das Web gibt es woff2, für Apps TTF als variable Schriften.

## Tokens

| Datei | Für |
|---|---|
| [`tokens.json`](/tokens/tokens.json) | alle Tokens aufgelöst, hell und dunkel |
| [`tokens.dtcg.json`](/tokens/tokens.dtcg.json) | W3C-Format für Token-Werkzeuge |
| [`tokens.css`](/tokens/tokens.css) | CSS-Variablen |
| [`fonts.css`](/tokens/fonts.css) | `@font-face`, lokal |
| [`tailwind.css`](/tokens/tailwind.css) | Tailwind-v4-Theme |
| [`Tokens.swift`](/tokens/Tokens.swift) | SwiftUI |
| [`regeln.json`](/regeln.json) | Wörter, Register, Grenzen, Gestaltungsregeln |

Wie man sie einbindet, steht im Kapitel [Tokens](/tokens/).

## Zeichen

| Zeichen | Sach-Rolle | Datei |
| --- | --- | --- |
| bell |  | https://brand.heyalbert.family/marke/zeichen/bell.svg |
| calendar |  | https://brand.heyalbert.family/marke/zeichen/calendar.svg |
| camera |  | https://brand.heyalbert.family/marke/zeichen/camera.svg |
| car-front | fahrt | https://brand.heyalbert.family/marke/zeichen/car-front.svg |
| chart-column |  | https://brand.heyalbert.family/marke/zeichen/chart-column.svg |
| check |  | https://brand.heyalbert.family/marke/zeichen/check.svg |
| chevron-down |  | https://brand.heyalbert.family/marke/zeichen/chevron-down.svg |
| chevron-left |  | https://brand.heyalbert.family/marke/zeichen/chevron-left.svg |
| chevron-right |  | https://brand.heyalbert.family/marke/zeichen/chevron-right.svg |
| circle-alert | konflikt | https://brand.heyalbert.family/marke/zeichen/circle-alert.svg |
| circle-check | ritual | https://brand.heyalbert.family/marke/zeichen/circle-check.svg |
| circle-plus |  | https://brand.heyalbert.family/marke/zeichen/circle-plus.svg |
| circle-question-mark | vorschlag | https://brand.heyalbert.family/marke/zeichen/circle-question-mark.svg |
| clock |  | https://brand.heyalbert.family/marke/zeichen/clock.svg |
| coins | taler | https://brand.heyalbert.family/marke/zeichen/coins.svg |
| cross | arzt | https://brand.heyalbert.family/marke/zeichen/cross.svg |
| file-text | dokument | https://brand.heyalbert.family/marke/zeichen/file-text.svg |
| gauge |  | https://brand.heyalbert.family/marke/zeichen/gauge.svg |
| globe |  | https://brand.heyalbert.family/marke/zeichen/globe.svg |
| graduation-cap | schule | https://brand.heyalbert.family/marke/zeichen/graduation-cap.svg |
| heart | freude | https://brand.heyalbert.family/marke/zeichen/heart.svg |
| house |  | https://brand.heyalbert.family/marke/zeichen/house.svg |
| inbox |  | https://brand.heyalbert.family/marke/zeichen/inbox.svg |
| link |  | https://brand.heyalbert.family/marke/zeichen/link.svg |
| lock |  | https://brand.heyalbert.family/marke/zeichen/lock.svg |
| mail |  | https://brand.heyalbert.family/marke/zeichen/mail.svg |
| message-circle |  | https://brand.heyalbert.family/marke/zeichen/message-circle.svg |
| message-square |  | https://brand.heyalbert.family/marke/zeichen/message-square.svg |
| moon |  | https://brand.heyalbert.family/marke/zeichen/moon.svg |
| music | musik | https://brand.heyalbert.family/marke/zeichen/music.svg |
| pencil |  | https://brand.heyalbert.family/marke/zeichen/pencil.svg |
| plus |  | https://brand.heyalbert.family/marke/zeichen/plus.svg |
| scan-line |  | https://brand.heyalbert.family/marke/zeichen/scan-line.svg |
| search |  | https://brand.heyalbert.family/marke/zeichen/search.svg |
| shopping-basket | einkauf | https://brand.heyalbert.family/marke/zeichen/shopping-basket.svg |
| sliders-horizontal |  | https://brand.heyalbert.family/marke/zeichen/sliders-horizontal.svg |
| star |  | https://brand.heyalbert.family/marke/zeichen/star.svg |
| sticky-note | notiz | https://brand.heyalbert.family/marke/zeichen/sticky-note.svg |
| sun |  | https://brand.heyalbert.family/marke/zeichen/sun.svg |
| table |  | https://brand.heyalbert.family/marke/zeichen/table.svg |
| undo-2 |  | https://brand.heyalbert.family/marke/zeichen/undo-2.svg |
| user-plus |  | https://brand.heyalbert.family/marke/zeichen/user-plus.svg |
| user |  | https://brand.heyalbert.family/marke/zeichen/user.svg |
| users | familie | https://brand.heyalbert.family/marke/zeichen/users.svg |
| utensils | essen | https://brand.heyalbert.family/marke/zeichen/utensils.svg |
| volleyball | sport | https://brand.heyalbert.family/marke/zeichen/volleyball.svg |
| waves-ladder | schwimmen | https://brand.heyalbert.family/marke/zeichen/waves-ladder.svg |

Jedes Zeichen ist ein SVG mit 2 px Strich und `stroke: currentColor`. Es nimmt die Textfarbe seiner Umgebung an.

## Screens

![Anlass](https://brand.heyalbert.family/bilder/screens/Anlass.png)

*Anlass · mac · 2880 × 1800 px*

![Aufgaben](https://brand.heyalbert.family/bilder/screens/Aufgaben.png)

*Aufgaben · mac · 2880 × 1800 px*

![Eingang](https://brand.heyalbert.family/bilder/screens/Eingang.png)

*Eingang · iphone · 780 × 1688 px*

![Einkauf](https://brand.heyalbert.family/bilder/screens/Einkauf.png)

*Einkauf · iphone · 780 × 1688 px*

![Essensplan](https://brand.heyalbert.family/bilder/screens/Essensplan.png)

*Essensplan · iphone · 780 × 1688 px*

![FamilyFeed](https://brand.heyalbert.family/bilder/screens/FamilyFeed.png)

*FamilyFeed · iphone · 780 × 1688 px*

![FamilyFeedMac](https://brand.heyalbert.family/bilder/screens/FamilyFeedMac.png)

*FamilyFeedMac · mac · 2880 × 1800 px*

![Gewohnheiten](https://brand.heyalbert.family/bilder/screens/Gewohnheiten.png)

*Gewohnheiten · iphone · 780 × 1688 px*

![Haushalt](https://brand.heyalbert.family/bilder/screens/Haushalt.png)

*Haushalt · mac · 2880 × 1800 px*

![Jahresbuch](https://brand.heyalbert.family/bilder/screens/Jahresbuch.png)

*Jahresbuch · objekt · 2246 × 1588 px*

![LenaBereich](https://brand.heyalbert.family/bilder/screens/LenaBereich.png)

*LenaBereich · ipad · 1668 × 2388 px*

![Main](https://brand.heyalbert.family/bilder/screens/Main.png)

*Main · iphone · 780 × 1688 px*

![MomentTurnbeutel](https://brand.heyalbert.family/bilder/screens/MomentTurnbeutel.png)

*MomentTurnbeutel · iphone · 780 × 1688 px*

![MomentVersicherung](https://brand.heyalbert.family/bilder/screens/MomentVersicherung.png)

*MomentVersicherung · iphone · 780 × 1688 px*

![Rueckblick](https://brand.heyalbert.family/bilder/screens/Rueckblick.png)

*Rueckblick · ipad · 1668 × 2388 px*

![Safe](https://brand.heyalbert.family/bilder/screens/Safe.png)

*Safe · mac · 2880 × 1800 px*

![Schule](https://brand.heyalbert.family/bilder/screens/Schule.png)

*Schule · iphone · 780 × 1688 px*

![Sonntagsrunde](https://brand.heyalbert.family/bilder/screens/Sonntagsrunde.png)

*Sonntagsrunde · breitbild · 3840 × 2160 px*

![Taler](https://brand.heyalbert.family/bilder/screens/Taler.png)

*Taler · iphone · 780 × 1688 px*

![Ueberall](https://brand.heyalbert.family/bilder/screens/Ueberall.png)

*Ueberall · iphone · 780 × 1688 px*

![Watch](https://brand.heyalbert.family/bilder/screens/Watch.png)

*Watch · watch · 792 × 968 px*

![Wochenboard](https://brand.heyalbert.family/bilder/screens/Wochenboard.png)

*Wochenboard · mac · 2880 × 1800 px*

Alle Screens zeigen Familie Sonntag, nie eine echte Familie. Jeder Screen lässt sich als PNG in voller Auflösung laden.

## Vorschaubilder für Links

| Sprache | Datei |
| --- | --- |
| bg | https://brand.heyalbert.family/bilder/og/og-bg.png |
| da | https://brand.heyalbert.family/bilder/og/og-da.png |
| de | https://brand.heyalbert.family/bilder/og/og-de.png |
| en | https://brand.heyalbert.family/bilder/og/og-en.png |
| es | https://brand.heyalbert.family/bilder/og/og-es.png |
| fr | https://brand.heyalbert.family/bilder/og/og-fr.png |
| it | https://brand.heyalbert.family/bilder/og/og-it.png |
| no | https://brand.heyalbert.family/bilder/og/og-no.png |
| pl | https://brand.heyalbert.family/bilder/og/og-pl.png |
| sv | https://brand.heyalbert.family/bilder/og/og-sv.png |
| tr | https://brand.heyalbert.family/bilder/og/og-tr.png |

## Wer was benutzen darf

> **Vorschlag, noch nicht festgelegt**
>
> Nutzungsbedingungen für Logos und Screens sind bisher nicht schriftlich geregelt. Bis dahin gilt dieser Vorschlag:
> 
> - Logos und Screens gehören Emma Rocket Ltd OOD, Sofia.
> - Presse, Partner und alle, die über Hey Albert berichten, dürfen sie für diesen Zweck benutzen.
> - Logos und Screens dürfen nicht verändert, umgefärbt, beschnitten oder mit anderen Marken kombiniert werden.
> - Die Screens dürfen nicht so wirken, als zeigten sie eine echte Familie.
> - Die Schriften folgen ihren eigenen offenen Lizenzen.

Fragen zur Nutzung, zu Formaten oder zu einer Fassung, die hier fehlt: contact@hey-albert.app.