
Editorial Swiss Style Portfolio Hero UI
Generates a minimalist, editorial-style hero landing page for a creative professional. Customize the designer name, typography, and architectural imagery for your portfolio concept.
Prompt
A refined desktop website portfolio hero design for [Ari Vale], a designer/developer, featuring an editorial Swiss-style layout with a layered architectural collage, wide 16:9 aspect ratio screenshot. Setting & Background: Off-white warm paper canvas texture, abundant negative space, subtle fine grain, premium minimalist aesthetic. Layout & Composition: - Top navigation bar: Left wordmark "[Ari Vale]" followed by a tiny vivid cobalt blue dot; centered links "Work", "About", "Studio", "Notes"; far right rounded outlined pill "Menu" with a blue dot. - Hero section (slightly left of center): Eyebrow label, oversized modern typography, supporting description, two CTA buttons. - Layered collage: Left collage with a tall beige concrete rectangle, pale curved building photo, small rocky texture underneath, a diagonal cobalt blue tape accent, and a black project card reading "REFIX ANADOL", "Machine Hallucinations", "Immersive Exhibition" with a small bottom-right arrow. Right collage with a large pale architectural stepped/ribbed staircase and a small still life of a white sphere on stone beneath it. - Accents & Graphics: Stacked vertical text "VISION", "MADE", "DIGITAL" near a small blue plus mark; faint circular stamp graphic with an arrow; vertical coordinates "40.7128° N, 74.0060° W" along the far right edge. - Footer bar: Bottom-left text "AVAILABLE FOR NEW PROJECTS", hairline horizontal divider, bottom-right social links "LINKEDIN", "DRIBBBLE", "INSTAGRAM" with an arrow. Typography & Copy: - Eyebrow: "[ARI VALE] — DESIGNER & DEVELOPER" with a blue dot. - Main headline: "I design digital experiences, brands, and creative web." ("design" in elegant high-contrast italic serif, other words in large bold grotesk sans serif). - Body copy: "Strategy-led design and development for forward-thinking companies and cultural projects." - CTAs: Primary pill button "View Selected Work →", secondary text link "About [Ari] →". Visual Style & Palette: Warm ivory paper, deep black, charcoal gray, pale concrete gray, vivid cobalt blue accents (5 blue accents total). Crisp, legible typography, precise alignment, generous letter-spacing on uppercase labels. Constraints: Render as a clean live landing page screenshot without browser window chrome, no gradients, no stock portraits, spacious asymmetrical balance.
What you can customize
Swap these parts of the prompt for your own subject or wording before you generate.
[Ari Vale]placeholder[ARI VALE]placeholder[Ari]placeholder“Work”quoted wording“About”quoted wording“Studio”quoted wording“Notes”quoted wording“Menu”quoted wording
Prompt details
- Category
- UI / UX Design
- Model
- GPT IMAGE 2
- Cost per image
- 1K: 43 credits · 2K: 86 credits · 4K: 143 credits
- Aspect ratio
- 16:9
- Added