# Graphics, fonts, origins and licenses Updated: 2026-09-29. Covers `app/index.html`, its social metadata and the accompanying SVG/PNG asset library. ## Origin and permission Visual reference: the user-supplied `designs_proposals/design1.png`. The new SVG artwork was constructed directly as editable geometry in `scripts/generate-design-assets.mjs`; it is a vector interpretation of the board, not a pixel extraction. The user selected MIT for the graphic assets earlier in this project, and that instruction also applies to these newly created assets. The original reference image is not embedded in the website or redistributed as a licensed site asset. No rights in third-party trademarks are implied. The previous `design-variant_1` kit is no longer the source of the current assets. All current sources and every standard PNG export are enumerated in [asset-manifest.json](asset-manifest.json). ## Logo variants All logos below: original project artwork based on the supplied reference; **MIT**. PNG versions are deterministic renders of the corresponding SVG and carry the same license. | Name | Editable SVG | PNG export widths | | ------------------------------ | ------------------------------------------------------------------------------------ | ------------------------------------------- | | clubmanager-mark | [brand/clubmanager-mark.svg](brand/clubmanager-mark.svg) | 32, 64, 128, 192, 256, 512 px; `png/brand/` | | clubmanager-icon | [brand/clubmanager-icon.svg](brand/clubmanager-icon.svg) | 32, 64, 128, 192, 256, 512 px; `png/brand/` | | clubmanager-icon-light | [brand/clubmanager-icon-light.svg](brand/clubmanager-icon-light.svg) | 32, 64, 128, 192, 256, 512 px; `png/brand/` | | clubmanager-icon-inverse | [brand/clubmanager-icon-inverse.svg](brand/clubmanager-icon-inverse.svg) | 32, 64, 128, 192, 256, 512 px; `png/brand/` | | clubmanager-icon-dark | [brand/clubmanager-icon-dark.svg](brand/clubmanager-icon-dark.svg) | 32, 64, 128, 192, 256, 512 px; `png/brand/` | | clubmanager-mark-inverse | [brand/clubmanager-mark-inverse.svg](brand/clubmanager-mark-inverse.svg) | 32, 64, 128, 192, 256, 512 px; `png/brand/` | | clubmanager-horizontal | [brand/clubmanager-horizontal.svg](brand/clubmanager-horizontal.svg) | 310, 620, 1240 px; `png/brand/` | | clubmanager-horizontal-inverse | [brand/clubmanager-horizontal-inverse.svg](brand/clubmanager-horizontal-inverse.svg) | 310, 620, 1240 px; `png/brand/` | The primary mark is a round, segmented C with a court/grid motif and a green upper segment. The wordmark uses plum for “club” and ink for “manager”. Light, plum, green/inverse and dark app-icon variants follow the board. SVG wordmarks retain editable text using Manrope; the font and its license are bundled. Install Manrope or use the supplied PNGs when importing into software that cannot access the font. On the website, the inline SVG uses the locally hosted font. ## Icon set All icons below: original project artwork in `scripts/generate-design-assets.mjs`, based on the corresponding symbol in the supplied reference; **MIT**. Canonical viewBox: 32 × 32; rounded 2 px strokes. Inline page copies are decorative and use `currentColor` for the primary stroke; green detail accents remain explicit. PNG exports are provided at **24, 32, 48 and 128 px**, under `png/icons/{size}/`. | Icon | Purpose | SVG source / PNG basename | | ----------------- | --------------- | ----------------------------------------------------------------------------------- | | booking | Anlagenbuchung | [icons/booking.svg](icons/booking.svg); `booking.png` | | members | Mitglieder | [icons/members.svg](icons/members.svg); `members.png` | | contributions | Beiträge | [icons/contributions.svg](icons/contributions.svg); `contributions.png` | | calendar | Termine | [icons/calendar.svg](icons/calendar.svg); `calendar.png` | | ranking | Ranglisten | [icons/ranking.svg](icons/ranking.svg); `ranking.png` | | messages | Nachrichten | [icons/messages.svg](icons/messages.svg); `messages.png` | | documents | Dokumente | [icons/documents.svg](icons/documents.svg); `documents.png` | | settings | Einstellungen | [icons/settings.svg](icons/settings.svg); `settings.png` | | user | Benutzer | [icons/user.svg](icons/user.svg); `user.png` | | groups | Gruppen | [icons/groups.svg](icons/groups.svg); `groups.png` | | trainer | Trainer | [icons/trainer.svg](icons/trainer.svg); `trainer.png` | | teams | Mannschaften | [icons/teams.svg](icons/teams.svg); `teams.png` | | tournaments | Turniere | [icons/tournaments.svg](icons/tournaments.svg); `tournaments.png` | | finance | Finanzen | [icons/finance.svg](icons/finance.svg); `finance.png` | | sepa | SEPA | [icons/sepa.svg](icons/sepa.svg); `sepa.png` | | statistics | Auswertungen | [icons/statistics.svg](icons/statistics.svg); `statistics.png` | | reports | Berichte | [icons/reports.svg](icons/reports.svg); `reports.png` | | mobile | Mobile App | [icons/mobile.svg](icons/mobile.svg); `mobile.png` | | terminal | Terminal | [icons/terminal.svg](icons/terminal.svg); `terminal.png` | | access | Zutritt | [icons/access.svg](icons/access.svg); `access.png` | | resources | Ressourcen | [icons/resources.svg](icons/resources.svg); `resources.png` | | blocked-times | Sperrzeiten | [icons/blocked-times.svg](icons/blocked-times.svg); `blocked-times.png` | | recurring-booking | Serienbuchung | [icons/recurring-booking.svg](icons/recurring-booking.svg); `recurring-booking.png` | | availability | Verfügbarkeiten | [icons/availability.svg](icons/availability.svg); `availability.png` | | round-robin | Rundenspiele | [icons/round-robin.svg](icons/round-robin.svg); `round-robin.png` | | privacy | Datenschutz | [icons/privacy.svg](icons/privacy.svg); `privacy.png` | | security | Sicherheit | [icons/security.svg](icons/security.svg); `security.png` | | support | Support | [icons/support.svg](icons/support.svg); `support.png` | | help | Hilfe | [icons/help.svg](icons/help.svg); `help.png` | | location | Standort | [icons/location.svg](icons/location.svg); `location.png` | | club | Verein | [icons/club.svg](icons/club.svg); `club.png` | | sports | Sportarten | [icons/sports.svg](icons/sports.svg); `sports.png` | | facility | Sportstätte | [icons/facility.svg](icons/facility.svg); `facility.png` | | bowling | Bowling | [icons/bowling.svg](icons/bowling.svg); `bowling.png` | | more | Mehr | [icons/more.svg](icons/more.svg); `more.png` | ## Other assets actually used by the website | Asset | Location and origin | License | | ------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | | SVG favicon | `favicon.svg`, generated from `brand/clubmanager-icon.svg` | MIT | | PNG favicons | `favicon-16.png`, `favicon-32.png`, rendered from the primary icon SVG | MIT | | Apple touch icon | `apple-touch-icon.png`, 180 × 180, rendered from the primary icon SVG | MIT | | App icons | `app-icon-128.png`, `app-icon-192.png`, `app-icon-512.png`; 192/512 sizes referenced by `app/site.webmanifest` | MIT | | Social preview | `social-card.png`; `scripts/social-card.html` rendered by `scripts/render-social.mjs`, using the new logo and Manrope | MIT for the composition; font remains OFL | | Booking calendar, cards, arrows, check marks and backgrounds | Original HTML/CSS composition in `app/index.html`; colors follow the supplied board; schematic, not an application screenshot | MIT | | Design tokens | `design-tokens.json` and matching inline CSS; colors, radii and typography from the supplied board, with accessible focus/error-color additions | MIT | | Manrope variable font | `fonts/manrope-variable.ttf`; unmodified [Google Fonts source](https://raw.githubusercontent.com/google/fonts/main/ofl/manrope/Manrope%5Bwght%5D.ttf), retrieved 2026-09-29; The Manrope Project Authors | SIL Open Font License 1.1; [full copyright notice and license](fonts/OFL-Manrope.txt) | Manrope SHA-256: `3ae11c49db0455a3cc33e37d380f20fdb8c7f8b41dc07625c177e3d87a9d6ae6`. The six reference screenshots below are copied unchanged from the existing project image archive. They are included at the user's explicit direction. Their creator/copyright holder and license are undocumented; no open license or permission is asserted, and the MIT grant in this file does not cover them. Confirm publication rights with the relevant clubs before public release. | Screenshot | Origin | License / status | | ---------------------------------------- | ----------------------------------------------------------------------- | --------------------------------- | | `references/tsv-deuringen.jpg` | Existing project file `app/images/screenshot-tsvdeuringen.jpg` | Undocumented; no license asserted | | `references/tsg-stadtbergen.jpg` | Existing project file `app/images/screenshot-tsgstadtbergen.jpg` | Undocumented; no license asserted | | `references/stc-hakenfelde.jpg` | Existing project file `app/images/screenshot-stchakenfelde.jpg` | Undocumented; no license asserted | | `references/sc-sparkasse-korneuburg.jpg` | Existing project file `app/images/screenshot-scsparkassekorneuburg.jpg` | Undocumented; no license asserted | | `references/tc-seyring.jpg` | Existing project file `app/images/screenshot-tcseyring.jpg` | Undocumented; no license asserted | | `references/post-sv-duesseldorf.jpg` | Existing project file `app/images/screenshot-postsvduesseldorf.jpg` | Undocumented; no license asserted | ## MIT License — listed graphics and design tokens Copyright (c) 2026 Stefan Kraus Permission is hereby granted, free of charge, to any person obtaining a copy of these visual assets and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. This grant covers only the original graphics and visual compositions listed above, not the product name, third-party names, retained legal texts, or the entire software repository.