DIA De-Map interface treemap detail

DIA De-Map interface treemap detail, editorial, dark-mode, dark

Preview image. Unlock full-res

Detail views of the De-Map interface showing a dark thematic treemap of word-tagged cells, a connected-artwork explore view, and a printed-map screen.

Summary

Screen-level detail of the De-Map interface: a dark thematic treemap of word-labeled cells, a connected-artworks explore view linking objects with a curved line, and a dark printed-map screen.

Visual description

Cream slide, thin terracotta top band, left-margin bold sans-serif label "De-Map Interface". Three dark UI panels are arranged in an L: top left, a treemap of irregular black cells of varying size, each tagged with a light serif word (LANDSCAPE, ABSTRACTION, IRIDESCENT, HOPE, SCULPTURE, SIGNS, PORTRAIT, MOTHER, LOVE, SEA, RECTANGULAR and more). Top right, a dark explore screen where a sweeping curved line connects cut-out artworks, a vase, a figure, and a framed portrait. Bottom left, a near-black panel labeled "PRINTED MAP BELOW" with a small corner icon. The foot of the slide carries "47", "BRAND GUIDELINES" and a centered "APPLICATIONS".

Key takeaway

Turning a collection into a browsable thematic treemap, where word-tagged cells sized by theme replace a conventional menu, paired with an explore view that draws the brand's curve as a literal connecting line between artworks. It makes navigation feel like discovery and ties the data view back to the identity's geometry.

Reuse notes

A reference for the experimental or data-interface page of a cultural or archive identity, where the content set is large and thematically rich. The treemap-by-theme and connect-the-artworks patterns are reusable for any exploratory collection tool. Dense and dark, so it needs strong typography and contrast in production. Pairs with the in-situ De-Map table slide before it in this deck.

From this deck: DIA De-Map interface treemap detail

View deck

More like this