← OpenDesign
CURATED · OPEN · FREE
Lunchconcept
A curation-first fashion platform with bold editorial photography and stark typography.
Editorial Photographic Curation Premium Gallery
01
Identity DNA
fashion independent designers curation editorial
A high-end fashion magazine curated by a gallery
02
Color
#FF0000Accent
#000000Ink
#F4F1E4BG
rgba(0,0,0,1.0)Line
High-contrast editorial palette with a warm off-white base and a single bold red accent for status.
03
Typography
high-contrast-serif · humanist-sans
display 120px · 400heading 32px · 700body 12px · 400
04
Spacing
4px
8px
16px
20px
24px
32px
60px
Tight, editorial spacing with generous whitespace around large elements
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 0px
1px solid black on the bottom of the page section
06
Layout
1400 container
12 columns
20px gutter
768 / 1024 breakpoints
Full-bleed photography followed by a rigid, dense multi-column product grid.
07
Motion & Interaction
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1.0) easing
Smooth transitions on hover and top-level navigation
Cursor pointer with smooth color or opacity transitions · Immediate state change with no heavy loading animations
08
Components
button Text-based navigation links with uppercase styling card Borderless product cards consisting of an image, designer name, product name, and price chip Sold Out status in bright red text hero Full-viewport image with massive, overlapping 3D metallic typography
09
Voice & Don'ts
Tone Direct, minimalist, and authoritative Headlines Short, bold, uppercase, and impactful CTAs Understated text links rather than prominent buttons don't use rounded corners — screenshot shows strictly sharp, 90-degree edges throughout don't use colorful backgrounds — screenshot shows a consistent warm off-white (#F4F1E4) base don't use casual sans-serif fonts — screenshot shows a mix of a high-contrast serif and a clean humanist sans don't use drop shadows — screenshot shows completely flat, borderless product cards don't use bright, multi-colored accents — screenshot shows only a single, specific use of red (#FF0000) for status don't use centered text for body content — screenshot shows a strict left-aligned editorial structure Avoid: Cluttered layouts Avoid: Excessive promotional text Avoid: Playful or rounded 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 site is a premium fashion e-commerce platform focusing on independent designers, using a striking editorial layout. Key colors include a warm off-white background (#F4F1E4) and a single high-chroma red accent (#FF0000) for status messages. Typography pairs a high-contrast serif for massive display elements with a clean humanist sans-serif for navigation and product details. The layout is highly structured, relying on a rigid grid and generous whitespace. Critical donts: never use rounded corners, keep backgrounds strictly off-white or black, and avoid any playful or cluttered UI patterns.
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 worth including for its masterful use of massive, 3D metallic typography layered over editorial photography, creating a very distinct, premium aesthetic.