New: GPT Image 2.5 Flare and Sunburst. Try them free with 3 images on sign-up, then 8 credits each.
Try GPT Image 2.5
Editorial Swiss Style Portfolio Hero UI
UI / UX Design

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

Model
GPT IMAGE 2
Cost per image
1K: 43 credits · 2K: 86 credits · 4K: 143 credits
Aspect ratio
16:9
Added

Other templates