← OpenDesign CURATED · OPEN · FREE
Neutra Vdl
A serene, editorial presentation for a historic architectural landmark.
Editorial Curation Studio Premium Clean
01
Identity DNA
cultural historic architectural minimal refined
A mid-century architectural monograph brought to the web.
02
Color
#1E1E1EInk
#F7F4EFBG
#808080Muted
rgba(0,0,0,0.2)Line
High-contrast, near-monochromatic palette with a warm off-white background and near-black ink.
03
Typography
grotesque-sans · monospace
display 67px · 400body 18px · 400caption 12px · 40004
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Vertical rhythm is maintained through consistent line-heights and vertical margins between text blocks.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 0px
Thin solid lines are used to separate content blocks and underlines for links and navigation elements.
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
A wide, grid-based layout with large typographic elements and significant white space.
07
Motion & Interaction
220ms micro
400ms small
800ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
Fade in · Opacity change
Subtle opacity or color change on interactive text elements. · Standard pointer cursor for all clickable elements.
08
Components
button Text-based links without visible backgrounds or borders. card Content blocks separated by thin horizontal lines. chip None input None hero Large, impactful typographic header with a clear horizontal rule. 09
Voice & Don'ts
Tone Educational, refined, and professional. Headlines Direct and factual, using large, tightly-tracked typography. CTAs Understated text links that integrate seamlessly into the layout. Don't use rounded corners — the screenshot shows a strictly rectilinear, sharp-edged layout. Don't use drop shadows — the screenshot shows flat, 2D elements with no depth effects. Don't use a primary accent color — the screenshot shows a monochromatic palette with no single dominant hue. Don't use centered layouts — the screenshot shows left-aligned text and elements. Don't use dense, multi-column text — the screenshot shows wide margins and clear separation between blocks. Don't use decorative borders — the screenshot shows only simple, functional horizontal rules. Avoid: Playful language Avoid: Bright colors Avoid: Decorative elements 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
This design represents a refined, editorial approach for a cultural heritage site. It uses a near-monochromatic palette with a warm off-white background (#F7F4EF) and near-black ink (#1E1E1E) for high contrast. The typography is a single grotesque-sans category across all scales, featuring a very large, tightly-tracked display size. Critical donts: avoid using any bright accent colors, rounded corners, or drop shadows. Keep layouts strictly left-aligned and use generous white space to maintain the site's serene and focused character.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: This site is an excellent example of how a refined, minimalist editorial design can effectively present cultural and architectural content.
