Preview image. Unlock full-res
A dark mode portfolio layout featuring a full-width photographic hero, minimalist navigation header, and left-aligned case study metadata on a dark background.
Summary
A dark mode portfolio layout featuring a full-width photographic hero, minimalist navigation header, and left-aligned case study metadata on a dark background.
Visual description
Dark background (nearly black) with 'Studioform' logotype and navigation items (Work, Index, About, Blog, Contact) aligned right in the header. Beneath the header, a large photographic image of a person's profile occupies the full width, shot against a blurred natural background. Below the hero, white serif headline reading 'Silent Motif' is positioned left, with right-aligned metadata in smaller sans-serif type laid out in two columns: Services (Client, Project, Services, Creative Direction, Art & Design Direction, Motion, Web design) and Year (2025). A body paragraph in light gray sans-serif describes the project brief, discussing brand communication, visual identity, and design system development. All type is white or light gray on dark, creating high contrast for legibility.
Key takeaway
The balanced use of generous whitespace and dark background to emphasize photography and type. The two-column metadata layout (left headline, right details) is efficient and gives hierarchy to different information types. Left-alignment of the main headline creates visual weight on that side.
Reuse notes
Strong template for creative agency or design studio portfolios. Works best when you have compelling, large-format photography. The dark mode reduces eye strain for long reading and creates a premium feeling. Avoid pairing with small or busy imagery.
