Guten Morgen, Anna.
Bricolage Grotesque · --schrift-titel
"Bricolage Grotesque", "Helvetica Neue", system-ui, sans-serif
bricolage-grotesque-latin-ext.woff2 30 KBbricolage-grotesque-latin.woff2 75 KBBricolageGrotesque[opsz,wdth,wght].ttf 399 KB
Ressourcen
Downloads
Logos, Schriften, Zeichen, Tokens und Screens von Familie Sonntag zum Herunterladen, einzeln oder als Paket. Dazu, wer was wofür benutzen darf.
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
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
Freitag, 16:40 · Handball, Halle Süd. Tobias fährt.
Inter · --schrift-text
Inter, system-ui, -apple-system, sans-serif
inter-latin-ext.woff2 83 KBinter-latin.woff2 47 KBInter[opsz,wght].ttf 856 KB
KW 36 · 07:30 · 48,00 €
Roboto Mono · --schrift-mono
"Roboto Mono", ui-monospace, "SF Mono", monospace
roboto-mono-latin-ext.woff2 22 KBroboto-mono-latin.woff2 32 KBRobotoMono[wght].ttf 179 KB
Lena hat heute Schwimmen.
Reenie Beanie · --schrift-hand
"Reenie Beanie", "Bradley Hand", cursive
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 | alle Tokens aufgelöst, hell und dunkel |
tokens.dtcg.json | W3C-Format für Token-Werkzeuge |
tokens.css | CSS-Variablen |
fonts.css | @font-face, lokal |
tailwind.css | Tailwind-v4-Theme |
Tokens.swift | SwiftUI |
regeln.json | Wörter, Register, Grenzen, Gestaltungsregeln |
Wie man sie einbindet, steht im Kapitel Tokens.
Zeichen
bellcalendarcamerafahrt
car-frontchart-columncheckchevron-downchevron-leftchevron-rightkonflikt
circle-alertritual
circle-checkcircle-plusvorschlag
circle-question-markclocktaler
coinsarzt
crossdokument
file-textgaugeglobeschule
graduation-capfreude
hearthouseinboxlinklockmailmessage-circlemessage-squaremoonmusik
musicpencilplusscan-linesearcheinkauf
shopping-basketsliders-horizontalstarnotiz
sticky-notesuntableundo-2user-plususerfamilie
usersessen
utensilssport
volleyballschwimmen
waves-ladderJedes Zeichen ist ein SVG mit 2 px Strich und stroke: currentColor. Es nimmt die Textfarbe seiner Umgebung an.
Screens
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
Fragen zur Nutzung, zu Formaten oder zu einer Fassung, die hier fehlt: contact@hey-albert.app.