OPUS 4.6 HAT DIESE WEBSITE IN EINEM Befehl ERSTELLT!
Credits an @chddaniel Prompt 👇 " Erstelle eine persönliche Portfolio-Startseite für [DEIN NAME], die als ein einzelnes, vollflächiges Hero-Bild gestaltet ist, das den gesamten Ansichtsbereich einnimmt. Verwende ein großes Porträtbild [BILD EINS] als Hintergrund, zentriert und skaliert, um den Bildschirm zu bedecken. Platziere meinen Namen in der oberen linken Ecke in einer eleganten Serifenschrift wie Playfair Display, wobei der Vor- und Nachname auf separaten Zeilen gestapelt sind. In der oberen rechten Ecke füge einen einfachen Navigationslink mit der Bezeichnung 'F1 Records' hinzu. In der unteren rechten Ecke füge Links zu Instagram und X/Twitter hinzu, die mit soliden, gefüllten SVG-Icons versehen sind, damit sie klar sichtbar und leicht zu erkennen sind. Jedes Icon sollte mit dem entsprechenden sozialen Profil verlinkt sein. Die primäre Interaktion sollte ein kreisförmiger Highlight-Cursor sein, der der Maus sanft mit einer leichten Verzögerung folgt. Dieses runde Spotlight fungiert als Enthüllungsmaske und zeigt eine zweite Version des Porträts [BILD ZWEI] unter dem Hauptbild. Wenn der Benutzer den Cursor bewegt, sollte es sich anfühlen, als würde er über eine alternative Ebene des Fotos scannen. Wenn sich der Cursor schneller bewegt, sollte der kreisförmige Highlight weiche, verblassende Echos hinterlassen, die schnell auflösen und Bewegung sowie Reaktionsfähigkeit hinzufügen. Im Hintergrund füge ein subtil animiertes Gittermuster hinzu, das sanft auf die Cursorbewegung reagiert und Tiefe schafft, während es dezent bleibt. Alle Textelemente, einschließlich des Namens, des Links „F1 Records“ und der sozialen Icons, sollten dynamisch auf Weiß umkehren, wenn der kreisförmige Highlight über sie hinwegfährt, um den Kontrast aufrechtzuerhalten. Verwende sanfte Übergänge von etwa 300 ms. Wende einen leichten Parallaxeneffekt an, bei dem sich Elemente leicht entgegengesetzt zur Cursorbewegung verschieben. Der Gesamteindruck sollte minimal und raffiniert bleiben, mit einer sauberen weißen Basis und der Bildsprache sowie der Interaktion als visuellem Mittelpunkt."
21