Portfolio website split-layout mockup

Portfolio website split-layout mockup, minimal, corporate-clean, dark

Preview image. Unlock full-res

A modern portfolio website mockup featuring a split layout with a light left sidebar showing navigation and bio, and a dark right side with large typography and abstract imagery.

Summary

A modern portfolio website featuring a striking split-screen layout with a light beige/cream left panel for navigation and a dark right panel highlighting large typography and atmospheric imagery.

Visual description

Left panel: cream/beige background with designer name "Astrid" at top, a brief bio, contact button, and vertically-stacked navigation items numbered 5, 4, 3, 2, 1 with section labels like "Home", "Works", "About". Yellow accent highlight on the selected item. Right panel: dark background with large white sans-serif name "Astrid Mueller" and abstract blurred imagery in muted tones below. Footer lists client names: Hanzo, EasyFast, Quattro, Nitro, Bravo.

Key takeaway

High-contrast split-screen layout with bold typography on the dark side and clean information hierarchy on the light side creates visual drama while maintaining usability. The color blocking is elegant and memorable.

Reuse notes

Excellent reference for portfolio websites, designer sites, creative agency homepages, and layouts that use color separation and typography as primary design elements. Works well when designer wants to make a statement through high contrast and bold type.

More like this