큐레이션 · 오픈 · 무료

Norm Store

산업적 미니멀리즘과 첨단 기능을 결합한 프리미엄 스마트 데스크.

ProductPremiumCleanProductivityRefined
Norm Store 스크린샷
↓ 디자인 시스템 다운로드 (34 MB)OpenDesign 에서 열기

원본 사이트: https://norm.store

📦 팩 내용 보기 →

01

디자인 DNA

미니멀리즘산업적기능적스마트단색

가구로 위장된 건축 하드웨어 조각

02

컬러

#282828Ink
#ffffffBG
rgba(40,40,40,0.1)Line

순백, 흰색, 근 blacks 텍스트를 활용해 제품 형태를 강조하는 엄격한 단색 팔레트입니다.

03

타이포그래피

geometric-sans · humanist-sans

타이포그래피는 굵기 대비보다는 넉넉한 여백에 크게 의존합니다 · 헤드라인은 빽빽한 건축적 느낌을 위해 1.0의 타이트한 line-height를 사용합니다 · 프리미엄스러운紧密한 느낌을 유지하기 위해 letter spacing은 약간 마이너스입니다

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

제품 사진에 호흡 공간을 우선시하는 넉넉하고 비대칭적인 간격입니다.

05

표면 (라운드 / 그림자 / 경계선)

sm · 0px
md · 12px
lg · 0px
pill · 999px

'지금 구매' 버튼이나 쿠키 동의와 같은 인터랙티브 요소에는 1px solid rgba(40,40,40,1) 테두리를 사용합니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

제품을 프레이밍하기 위해 여백을 크게 활용하는, 수직 중앙 정렬 단일 열 레이아웃입니다.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

인터랙티브 요소에서의 섬세한 opacity 및 background-color 전환 · 상태 변화를 위한 가시성 토글

버튼에서의 섬세한 background-color 변화 · 표준 포인터 이벤트를 통한 즉각적인 시각적 피드백

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Norm Store — 桌面首屏（hero）
桌面首屏（hero）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Norm Store — 移动首屏
移动首屏

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

이 디자인 DNA는 스마트 데스크를 위한 프리미엄 미니멀 제품 사이트를 기술합니다. 순백(#ffffff), 근 blacks 텍스트(#282828), 테두리를 위한 보조 오프블랙으로 구성된 엄격한 단색 팔레트를 활용합니다. 타이포그래피는 순수 산세리프이며, 기하학적 및 휴머니스트-산스 카테고리에 의존하고, -0.4px의 타이트한 letter spacing과 48px 이상의 거대한 디스플레이 스케일을 사용하여 자신감 있고 건축적인 느낌을 만듭니다. 핵심적인 주요 금지 사항: 절대 굵은 폰트 웨이트(모든 것은 일반 400)를 사용하지 말 것, 컬러풀한 액센트나 그래디언트를 도입하지 말 것, 제품 사진을 산만하게 할 수 있는 드롭 섀도우나 무거운 UI 장식을 사용하지 말 것. 레이아웃은 전통적인 그리드 기반 카드 UI보다 여백과 대형 제품 컷아웃을 우선시하는, 넓은 중앙 정렬 단일 열 구조입니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

en · zh-CN · zh-TW · ja · ko