Minimalistische Designer-Portfolio-Homepage

Generates a sophisticated editorial-style portfolio homepage hero for a designer or creative studio website.

Ziel: Erstellung eines raffinierten Portfolio-Homepage-Hero-Designs für {argument name="designer name" default="Ari Vale"}, einen Designer/Entwickler, mit einem redaktionellen Layout im Schweizer Stil und einer geschichteten architektonischen Collage.

Canvas: Breiter Desktop-Website-Screenshot, 16:9-Seitenverhältnis, cremeweißer Hintergrund in warmem Papier-Look, viel Negativraum, dezente Körnung, erstklassige minimalistische Ästhetik.

Layout: Obere Navigationsleiste mit 6 sichtbaren Elementen: links das Wortmarken-Logo „Ari Vale“ gefolgt von einem kleinen blauen Punkt, zentrierte Navigationslinks „Work“, „About“, „Studio“, „Notes“ und ganz rechts eine abgerundete, umrandete „Menu“-Pille mit einem blauen Punkt. Der Hero-Hauptinhalt befindet sich leicht links von der Mitte mit einem kleinen Eyebrow-Label, überdimensionaler Typografie, einer kurzen Beschreibung und zwei Call-to-Action-Buttons. Ordnen Sie abstrakte monochrome Architektur-Bilder um den Text herum an: eine Collage auf der linken Seite und ein größeres, gestuftes Architektur-Bild auf der rechten Seite, mit einem kleinen Stillleben-Bild darunter. Der untere Footer-Streifen enthält links den Text zur Verfügbarkeit, eine dünne horizontale Trennlinie in der Mitte und soziale Links auf der rechten Seite.

Textinhalt: Das Eyebrow über der Überschrift lautet „ARI VALE — DESIGNER & DEVELOPER“ mit einem kleinen blauen Punkt. Die Hauptüberschrift lautet exakt: „I design digital experiences, brands, and creative web.“ Das Wort „design“ soll kursiv in einer eleganten Serifenschrift gesetzt sein, während der Rest der Überschrift in einer großen, modernen serifenlosen Schrift gehalten ist. Der begleitende Text lautet: „Strategy-led design and development for forward-thinking companies and cultural projects.“ Text des primären Buttons: „View Selected Work“ mit einem kleinen Pfeil. Sekundärer Textlink: „About Ari“ mit einem Pfeil. Die schwarze Projektkarte links zeigt „REFIX ANADOL“, „Machine Hallucinations“ und „Immersive Exhibition“ mit einem kleinen Pfeil in der unteren rechten Ecke. Kleine gestapelte Wörter auf der rechten Seite lauten „VISION“, „MADE“, „DIGITAL“. Der Text unten links lautet „AVAILABLE FOR NEW PROJECTS“. Die sozialen Links unten rechts bestehen aus genau 3 Elementen: „LINKEDIN“, „DRIBBBLE“, „INSTAGRAM“, gefolgt von einem Pfeil. Fügen Sie ganz rechts ein vertikales Koordinaten-Label mit der Aufschrift „40.7128° N, 74.0060° W“ hinzu.

Visuelle Details: Verwenden Sie eine zurückhaltende Palette aus warmem Elfenbein, Schwarz, Anthrazit, hellem Betongrau und lebendigen Kobaltblau-Akzenten. Die Typografie sollte eine klare Grotesk-Sans-Serif mit einem kontrastreichen, kursiven Serif-Wort kombinieren. Verwenden Sie dünne Haarlinien, winzige Labels in Großbuchstaben mit großzügigem Buchstabenabstand und präziser Ausrichtung. Fügen Sie genau 5 blaue Akzentelemente hinzu: den Punkt bei der Wortmarke, den Punkt beim Eyebrow, den Menü-Punkt, ein blaues, klebebandartiges diagonales Rechteck über dem linken Architekturfoto und ein kleines blaues Plus/Kreuz in der Nähe der Wörter auf der rechten Seite. Fügen Sie eine dezente kreisförmige Stempelgrafik in der Nähe der Collage unten rechts hinzu, mit winzigem, unleserlichem Text in Großbuchstaben und einem kleinen Pfeil darin.

Anzahl der Bildelemente: Fügen Sie genau 5 Foto-/Texturblöcke ein: 1 hohes beiges Betonrechteck hinter der linken Collage, 1 helles Foto eines geschwungenen Gebäudes auf der linken Seite, 1 kleines Foto mit felsiger Textur darunter, 1 großes Bild einer hellen architektonischen Treppe/gerippten Struktur auf der rechten Seite 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 Navigationselemente, vermeiden Sie zusätzliche Bilder, vermeiden Sie farbenfrohe Verläufe, vermeiden Sie Stock-Fotos mit Personen und bewahren Sie eine großzügige, asymmetrische Balance.

Maschinell übersetzt — das Original hat dieses Ergebnis erzeugt.

✨ Generieren Speichern Prompt kopieren Teilen Originalbeitrag In Hitboard öffnen