Typographic Grid Layout with State List

Typographic Grid Layout with State List, minimal, swiss, light

Preview image. Unlock full-res

A minimalist UI screen featuring a large red 'New York' wordmark set against a light grey grid, accompanied by a vertical list of US states in grey sans-serif type.

Industrydesign, media
Palette
#F0F0F0
#FA3737
#999999
#3D3D3D

Summary

A minimalist UI screen featuring a large red 'New York' wordmark set against a light grey grid, accompanied by a vertical list of US states in grey sans-serif type.

Visual description

The layout uses a light grey background with a subtle grid pattern. A large, bold red 'New York' wordmark dominates the left side, while a vertical column of grey state names like 'Montana' and 'Nebraska' aligns to the right. Small, technical text and timestamps are placed at the top and bottom edges.

Key takeaway

Use a strict mathematical grid to organize high-contrast oversized typography alongside smaller, secondary information.

Reuse notes

Use this layout for editorial-style landing pages or portfolio sites that need to emphasize a single location or brand name through scale.

More like this