Minimalistische Designer-Portfolio-Homepage

Ziel: Ein raffiniertes Portfolio-Homepage-Hero-Design für {argument name="designer name" default="Ari Vale"}, einen Designer/Entwickler, mit einem redaktionellen Schweizer-Stil-Layout und geschichteten architektonischen Collagen erstellen.

Leinwand: Weitformatiger Website-Screenshot, Seitenverhältnis 16:9, cremefarbener warmer Papierhintergrund, viel Leerraum, subtile Korntextur, hochwertiges minimalistisches Ästhetik.

Layout: Obere Navigationsleiste mit 6 sichtbaren Elementen: links das Wortzeichen „Ari Vale“, gefolgt von einem kleinen blauen Punkt, zentrierte Navigationslinks „Work“ (Arbeiten), „About“ (Über), „Studio“, „Notes“ (Notizen) und eine abgerundete umrissene „Menu“ (Menü)-Pille ganz rechts mit einem blauen Punkt. Der Hauptinhalt des Hero-Bereichs sitzt leicht links von der Mitte mit einer kleinen Überschrift, übergroßen Schriftarten, einer kurzen Beschreibung und zwei Handlungsaufforderungen. Schichten Sie abstrakte monochrome Architektur-Bilder um den Text herum: eine Collage links und ein größeres gestuftes Architektur-Bild rechts, mit einem kleinen Stillleben-Bild darunter. Der untere Fußleistenstreifen enthält links einen Text zur Verfügbarkeit, eine dünne horizontale Trennlinie in der Mitte und rechts Social-Media-Links.

Textinhalt: Die Überschrift über der Hauptüberschrift lautet „ARI VALE — DESIGNER & DEVELOPER“ mit einem kleinen blauen Punkt. Die Hauptüberschrift lautet genau: „Ich entwerfe digitale Erlebnisse, Marken und kreatives Web.“ Machen Sie das Wort „design“ kursiv, elegante Serifenschrift, während der Rest der Überschrift große moderne serifenlose Schrift ist. Der unterstützende Text lautet: „Strategiegesteuertes Design und Entwicklung für zukunftsorientierte Unternehmen und kulturelle Projekte.“ Primärer Button-Text: „View Selected Work“ (Ausgewählte Arbeiten anzeigen) mit einem kleinen Pfeil. Sekundärer Textlink: „About Ari“ (Über Ari) mit einem Pfeil. Die linke schwarze Projektkarte lautet „REFIX ANADOL“, „Machine Hallucinations“ (Maschinenhalluzinationen) und „Immersive Exhibition“ (Immersive Ausstellung) mit einem kleinen Pfeil in der unteren rechten Ecke. Kleine rechts gestapelte Wörter lauten „VISION“ (Vision), „MADE“ (Gemacht) und „DIGITAL“ (Digital). Der Text unten links lautet „AVAILABLE FOR NEW PROJECTS“ (Verfügbar für neue Projekte). Die Social-Media-Links unten rechts sind genau 3 Elemente: „LINKEDIN“, „DRIBBBLE“, „INSTAGRAM“, gefolgt von einem Pfeil. Fügen Sie eine vertikale Koordinatenbeschriftung ganz rechts hinzu: „40.7128° N, 74.0060° W“.

Visuelle Details: Verwenden Sie eine zurückhaltende Palette aus warmem Elfenbein, Schwarz, Kohlegrau, blassem Betongrau und lebendigen Kobaltblau-Akzenten. Die Typografie sollte eine saubere groteske serifenlose Schrift mit einem hochkontrastigen kursiven Serifenwort kombinieren. Verwenden Sie dünne Haarlinien, winzige Großbuchstaben mit großzügigem Buchstabenabstand und präzise Ausrichtung. Fügen Sie genau 5 blaue Akzentelemente hinzu: den Wortmarkenpunkt, den Überschriftenpunkt, den Menüpunkt, ein blaues, bandartiges diagonales Rechteck über dem linken Architekturfoto und ein kleines blaues Plus-/Kreuzzeichen in der Nähe der rechts stehenden Wörter. Fügen Sie einen schwachen kreisförmigen Stempelgrafik in der Nähe der unteren rechten Collage mit winzigem unleserlichem Großtext und einem kleinen Pfeil darin hinzu.

Bildelementeanzahl: Fügen Sie genau 5 fotografische/Texturblöcke hinzu: 1 hohes beige Betonrechteck hinter der linken Collage, 1 blasses gebogenes Gebäude-Foto links, 1 kleines felsiges Textur-Foto darunter, 1 großes blasses Architektur-Treppen-/Rippenstruktur-Bild rechts und 1 kleines Stillleben-Bild mit einer weißen Kugel und einem Stein unter dem rechten Bild. Fügen Sie außerdem genau 1 schwarze Overlay-Projektkarte auf der linken Collage hinzu.

Einschränkungen: Es soll wie eine hochwertige Live-Website-Landingpage aussehen, nicht wie ein Poster. Halten Sie den gesamten Text scharf und lesbar, vermeiden Sie Browser-Chrome, vermeiden Sie zusätzliche Navigationspunkte, vermeiden Sie zusätzliche Bilder, vermeiden Sie farbenfrohe Farbverläufe, vermeiden Sie Stockfoto-Personen und bewahren Sie ein geräumiges asymmetrisches Gleichgewicht.