Archive & Form - Updated Hero Image
An editorial, museum-grade furniture catalog design system with an 'Archive & Form' aesthetic. Featuring a warm minimalist color palette of off-white and charcoal, it utilizes a sophisticated pairing of Zodiak serif and General Sans typography. The layout mimics high-end print magazines with asymmetric grids, thin architectural borders, and generous negative space. Suitable for luxury furniture, high-end architecture firms, fashion lookbooks, and minimalist eCommerce brands. Key features include scroll-triggered fades, slow-scale image interactions, and index-style navigation.
Summary
A sophisticated, catalog-driven UI design system inspired by high-end architectural magazines. It emphasizes tactile materials, quiet typography, and a structured, grid-based layout that prioritizes high-quality imagery and editorial flow over loud CTAs.
Style
The style is 'Quiet Luxury'—minimalist, tactile, and measured. It uses a cream-based off-white background (#Fdfbf9) instead of pure white to create warmth and physical texture. Typography pairs a light-weight, expressive serif (Zodiak) for headlines with a clean, functional sans-serif (General Sans) for UI elements. Elements are contained within a subtle border-grid system (neutral-200) that reinforces the 'archival' feel. Animations are slow, intentional, and atmospheric (1.2s fades, 2s image scales).
Layout & Structure
The layout uses a magazine-spread logic, featuring high-contrast asymmetric splits and a vertical container border. The structure moves from an 'Opening Spread' (Hero) to a 'Table of Contents' (Index), followed by alternating 'Room' sections that mix large-scale photography with detailed product listings.
Main Container
Header
Hero Section (Opening Spread)
Room Index
Product/Room Sections
Material Grid
Footer
Components
Product Detail Card
A horizontal list item used for product catalogs within sections.
Interactive Room Index
Numerical navigation bar found after the hero.