Unsplash — Linear/Zed Redesign
A high-fidelity monochromatic design system inspired by Linear and Zed editor aesthetics. Features a strict 52px modular grid, surgical typography using General Sans, and a data-heavy masonry layout. Ideal for photography platforms, digital asset managers, or high-end portfolio sites requiring a minimalist, utilitarian, yet sophisticated interface. Utilizes flat surfaces, high-contrast borders, and subtle micro-animations instead of gradients or shadows.
Summary
A clean, monochromatic photography platform redesign utilizing a fixed sidebar navigation, surgical typography, and a dense masonry image grid. The interface prioritizes content through a flat UI, using #111111 for primary actions and #E5E5E5 for structural borders.
Style
Flat, high-contrast monochromatic theme with a focus on 'surgical' typography and strict spacing. Uses General Sans for headings and Instrument Sans for utility text. Animation is limited to subtle fade-ups and sharp transition states.
Layout & Structure
A multi-layered layout featuring a fixed ultra-narrow sidebar, a sticky top-bar, a scrolling category sub-navigation, and a masonry content grid.
Left Sidebar
Top Header
Category Navigation
Hero Section
Masonry Grid
Components
Interactive Image Card
Masonry card with smart hover overlay controls.
Surgical Search Input
Minimalist input box with focus highlight.
Special Notes
MUST NOT use gradients, drop shadows, or rounded corners exceeding 8px. MUST maintain strict vertical and horizontal alignment based on the 52px header/sidebar unit. ALL icons must be monochromatic Lucide-style line icons.