Technik
Diese Website basiert auf Hugo, einem der beliebtesten und schnellsten quelloffenen Static-Site-Generatoren. Der Vorteil: Im Gegensatz zu Content-Management-Systemen wie WordPress braucht es keine Datenbank, sondern setzt für die Inhalte auf simpel formatierte Markdown-Dateien. Zudem ist es so zugänglich, dass es mir vor allem mit Coding-Hilfe von KI-Sprachmodellen als Nicht-Entwickler die Chance gibt, das Layout und Design nach eigenen Vorstellungen anzupassen und mit Publishing-Workflows zu experimentieren.
Nach mehreren Prototypen, an denen ich seit 2023 herumschraube, hat diese Version von kemper.FYI im Mai 2025 das Licht der Welt erblickt. Wichtig war mir ein modulares System, mit dem ich kurzfristig neue Widgets und Seiten ergänzen kann, um spontane Ideen umzusetzen. Mein Ziel ist es, das Framework an einem Punkt in der Zukunft ebenfalls quelloffen zur Verfügung zu stellen. Falls du mich dabei unterstützen möchtest, setze dich gerne mit mir in Verbindung.
Design
Bei der Gestaltung des Standard-Themes hat mich der wunderbare Steffen Leukel unterstützt, den ich durch den Bonner Coworking-Space THE 9TH kennengelernt habe. Inspiriert ist es von den Werken Braun-Designlegende Dieter Rams, aber auch moderneren, verspielten und gleichzeitig funktionalen Ansätzen zu Technik wie jenen der schwedischen Firma teenage engineering, Leica oder Googles Material Design, mit denen ich mich gut identifizieren kann. Steffen hat meine Vision schnell erkannt und sie perfekt in eine Corporate Identity bestehend aus Farben, Formen und Schrift umgesetzt.
Bento
Die Startseite folgt dem Prinzip eines Bento-Grids. Statt einer klassischen, chronologischen Übersicht setzen sich die Inhalte aus modularen Kacheln unterschiedlicher Größe zusammen: Kontaktinfos, aktuelle Talks, Klientenliste, Social-Media-Verweise. Jede Kachel ist eine eigenständige Markdown-Datei mit Gewichtung und Breite und greift dabei häufig auf Inhalte zurück, die ohnehin in anderen Bereichen der Seite gepflegt werden, etwa im Blog, unter Now, im Rolodex oder bei den Services. So kann ich die Homepage spontan um neue Widgets erweitern, ohne Templates anzufassen. Auf dem Desktop entsteht eine hohe Informationsdichte, auf mobilen Geräten bricht das Raster in einen lesbaren, einspaltigen Stapel um.
Farben
Hosting
Hugo benötigt einen Build-Prozess, um aus Go-Code und Markdown-Dateien HTML zu produzieren. Im Sinne maximaler digitaler Souveränität läuft kemper.FYI deshalb mittlerweile auf einem eigenen Hetzner-VPS, orchestriert über die selbst-gehostete Open-Source-Plattform Coolify. Die löst das Deployment via Dockerfile: Bei jedem Push baut Coolify ein frisches Container-Image, in dem Hugo die Seite generiert und ausliefert. Die Domain habe ich bei INWX registriert.