Good morning, 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
Resources
Downloads
Logos, fonts, icons, tokens and screens of the Sonntag family to download, one by one or as a package. Plus who may use what, and for what.
Everything here is generated at build time from packages/design-system and the website’s screens. What you download is the same state that the app and the website use right now.
Packages
The full brand package contains every logo, icon, font, token file and screen, the agent skill and a short readme.
Logos
Friday, 16:40 · Handball, Halle Süd. Tobias drives.
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
CW 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 has swimming today.
Reenie Beanie · --schrift-hand
"Reenie Beanie", "Bradley Hand", cursive
Bricolage Grotesque, Inter and Reenie Beanie are licensed under the SIL Open Font License 1.1, Roboto Mono under the Apache License 2.0. The licence texts are in the font package. There is woff2 for the web and variable TTF for apps.
Tokens
| File | For |
|---|---|
tokens.json | every token resolved, light and dark |
tokens.dtcg.json | W3C format for token tools |
tokens.css | CSS variables |
fonts.css | @font-face, served locally |
tailwind.css | Tailwind v4 theme |
Tokens.swift | SwiftUI |
regeln.json | words, registers, limits, design rules |
How to use them is in the chapter Tokens.
Icons
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-ladderEvery icon is an SVG with a 2 px stroke and stroke: currentColor. It takes on the text colour around it.
Screens
Every screen shows the Sonntag family, never a real family. Each one downloads as a full-resolution PNG.
Link preview images
Questions about use, formats or a version that is missing here: contact@hey-albert.app.