Layout
Glassmorphism Karten
Transluzente Ebenen, weiche Schatten und feine Innenkanten – rein mit CSS, ohne Bilder.
Persönliche Testumgebung · akkerdigital.de
Exploring Digital Experiences
Willkommen in meiner digitalen Spielwiese. Hier teste ich moderne Web-Technologien, Interface-Ideen und Performance-Techniken – offen, unfertig und ausdrücklich ohne kommerzielle Absicht.
Über das Projekt
AkkerDigital ist keine Agenturseite und kein Angebot. Es ist ein Ort, an dem ich neue Webtechnologien ausprobiere: Rendering-Strategien, Design-Token-Systeme, Animationen ohne Ballast und alles, was zu wirklich schnellen Seiten führt.
Alles, was hier steht, ist Entwurf. Inhalte ändern sich, Komponenten werden umgebaut, Ideen fliegen wieder raus. Genau darum geht es.
Fokus
Design-Systeme, Motion, Performance
Stack
React, TanStack Start, Tailwind CSS
Status
Laufender Entwurf – kein gewerbliches Angebot
Design-Labor
Kleine, isolierte Experimente. Jede Karte ist ein eigenständiger Test – live gerendert, ohne Bilddaten.
Motion
Scroll-Reveals
IntersectionObserver statt schwerer Animations-Libraries. Respektiert prefers-reduced-motion.
Color
OKLCH Token-System
Alle Farben als semantische Tokens in OKLCH – konsistente Helligkeit über den ganzen Verlauf.
Interaction
Hover & Focus States
Jedes interaktive Element bekommt eine spürbare, aber ruhige Reaktion.
PrimaryGhostTypography
Skalierende Typo
Fluid Type mit clamp(), klare H-Hierarchie und lesbare Zeilenlängen.
Aa
Plus Jakarta Sans · 400 / 600 / 800
Performance
Schlanker Output
Keine externen Skripte, CSS-Animationen auf GPU-freundlichen Properties, Lazy-Loading vorbereitet.
Kontakt
Fragen, Anmerkungen oder Ideen zu den Experimenten? Schreiben Sie mir eine E-Mail oder rufen Sie kurz an.
Die E-Mail-Adresse ist im Quellcode leicht verschleiert. Diese Seite ist ein persönlicher Entwurf – Antworten erfolgen unregelmäßig.