Preview image. Unlock full-res
Stacked browser window mockup for an archival website, layering overlapping windows in warm and cool tones to show navigational depth and content variety.
Summary
Browser mockup for Black Archives Sweden showing overlapping windows in warm and cool earth tones, conveying organizational layers and content navigation for a cultural archive website.
Visual description
Multiple browser windows are stacked and offset against a black background, each rendered as a card-like form with toolbar and address bar visible at the top. Windows progress from back to front in successive layers: an orange-toned window (back), a taupe/beige window, a periwinkle-blue window, and a bright sage-green window (front). On the green window's left margin, vertical text reads "Black Archives Sweden" repeated. The main green panel displays the site's navigation menu (About, Archive, Events, Contact) in bold sans-serif against the green background, plus a search field. To the right are photographs: a black-and-white image of a group of people seated together, and color images of archival materials and a woman in professional attire. All typography is clean, modern sans-serif favoring legibility.
Key takeaway
The stacked-window visual metaphor effectively communicates depth, layering, and information architecture without using traditional flat navigation patterns. Alternating warm (orange, beige) and cool (blue, green) tones create visual rhythm and guide the eye through layers. The combination of institutional gravitas (serif text in labels) with approachable modernism (clean sans-serif in navigation).
Reuse notes
Ideal for cultural institutions, archives, libraries, or academic organizations where showing organizational structure or historical depth matters. The warm-cool alternation can evoke both heritage (warm) and technology/present-day access (cool). Works for explaining information hierarchy or demonstrating a complex content model.
