UI ส่วนหัวพอร์ตโฟลิโอสไตล์สวิสแบบเอดิทอเรียล

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.