Editorial portfolio layout with overlapping frames

Editorial portfolio layout with overlapping frames, editorial, dark-mode, dark

Preview image. Unlock full-res

Bold editorial layout overlaying large white display type with fragmented image frames and a portrait photograph on a dark background.

Summary

Editorial portfolio site using overlapping rectangular frames and oversized sans-serif type to layer a portrait photograph with typography and negative space.

Visual description

Black background with stacked, offset grayscale and color image frames (a portrait photo and interface mockups) layered behind and beneath large white sans-serif headlines reading "Site Of The Day". A yellow chair is visible in the portrait. Small gray text ("Emilie Avery - 2014") sits above the photo. The composition creates depth through frame layering and break-outs; some text extends beyond the image boundaries. A circular S logo appears in the bottom left corner.

Key takeaway

The offset, overlapping frame technique for composing images and text on dark backgrounds. The interplay between bold typography breaking out of boundaries and restrained image sizing, creating tension and visual interest through asymmetry and negative space.

Reuse notes

Works well for creative portfolios, design case studies, and editorial contexts where layering image content under typography is the goal. The dark background ensures text legibility even when overlapping imagery. Best suited to ambitious, confident layouts that embrace imbalance.

More like this