Schrift
Als Hausschrift verwenden wir Karla von Jonny Pinhorn, ausgeliefert über Google Fonts. Karla steht unter der SIL Open Font License (OFL) und ist frei einsetzbar.
Icons
Wir setzen drei Icon-Familien ein — jede mit klarer Rolle: Phosphor in Duotone für thematische Bereiche, Material Symbols für funktionale UI-Elemente und einzelne Icons aus der Lucide-Familie.
| Baustein | Zweck | Lizenz |
|---|---|---|
| Phosphor Icons | Duotone-Icons für thematische Bereiche | MIT |
| Material Symbols | Funktionale UI-Icons | Apache 2.0 |
| Lucide | Einzelne UI-Icons | ISC |
Framework und Backend
Der Navigator ist eine Next.js-Anwendung mit PostgreSQL als Datenbank. Authentifizierung läuft passwortlos über NextAuth.js, E-Mails werden über Nodemailer versandt.
| Baustein | Zweck | Lizenz |
|---|---|---|
| Next.js | React-Framework, Server Components, Routing | MIT |
| React | UI-Bibliothek | MIT |
| TypeScript | Typisierung | Apache 2.0 |
| Tailwind CSS | Utility-First-Styling | MIT |
| PostgreSQL | Datenbank | PostgreSQL License |
| Prisma | ORM für Datenbankzugriff | Apache 2.0 |
| NextAuth.js | Authentifizierung (Magic Link) | ISC |
| Nodemailer | E-Mail-Versand | MIT-0 |
UI-Bausteine
Die UI-Komponenten basieren auf shadcn/ui — einer Komponenten-Sammlung, die wiederum auf den zugänglichen Radix-UI-Primitives aufbaut. Alle Komponenten wurden an die DAB-Designtokens des Projekts angepasst.
| Baustein | Zweck | Lizenz |
|---|---|---|
| shadcn/ui | UI-Komponenten-Sammlung (auf Radix-Basis) | MIT |
| Radix UI Primitives | Zugängliche UI-Bausteine (Dialog, Tooltip …) | MIT |
| tailwindcss-animate | Animations-Utilities | MIT |
| class-variance-authority | Varianten-Verwaltung für Komponenten | Apache 2.0 |
| tailwind-merge | Robuste Tailwind-Klassen-Komposition | MIT |
| Sonner | Toast-Benachrichtigungen | MIT |
| cmdk | Kommando-Palette / Suche | MIT |
Bilder und Medien
Team-Fotos und Projektbilder stammen vom Projektteam selbst und werden mit Einverständnis der abgebildeten Personen veröffentlicht.
Logos von Software-Anbietern, Förderpartnern und Multiplikatoren bleiben Eigentum der jeweiligen Anbieter und werden ausschließlich zur Information dargestellt. Markenrechte und Bildrechte verbleiben bei den Rechteinhabern.
Videos werden auf eigenen Servern in Deutschland gehostet (Hetzner Online GmbH).
Design-Bezug
Visuelle Sprache, Typografie-Skala und Farbsystem orientieren sich am Corporate Design der Digitalagentur Berlin — als sichtbarer Brand-Anker für die gemeinsame Linie von Senatsverwaltung, DAB und HTW im Förderprojekt Digital+.
Dank
Das Projekt steht in der Tradition der Forschung zu digitalem Reifegrad an der HTW Berlin (Digital Value, Digital+ I, Digital+ II) und nutzt deren methodische Grundlagen. Wir danken den 100 Berliner KMU, die im Rahmen von Digital+ I (Wittenberg et al. 2022) ihre Praxis offen zur Verfügung gestellt haben — die empirische Basis dieser Studie prägt zentrale Produktentscheidungen bis heute.
Ebenfalls danken wir den über 50 KMU-Vertreter:innen, die in moderierten UX-Testings 2023–2025 ihre ehrliche Rückmeldung gegeben haben — viele Microcopy-Entscheidungen und Interaktions-Muster gehen direkt auf ihre Beobachtungen zurück.
Gefördert im Rahmen von Digital Plus 3, Senatsverwaltung für Wirtschaft, Energie und Betriebe.