큐레이션 · 오픈 · 무료

Ncda Biz

거대한 타이포그래피와 넓은 여백을 강조하는 프리미엄 인테리어 디자인 스튜디오 포트폴리오.

StudioPhotographicPortfolioCleanRefined
Ncda Biz 스크린샷
↓ 디자인 시스템 다운로드 (16 MB)OpenDesign 에서 열기

원본 사이트: https://ncda.biz

📦 팩 내용 보기 →

01

디자인 DNA

미니멀리스트건축적세련된인테리어 디자인

작품이 말하는 정적인 갤러리 공간

02

컬러

#191919Ink
#808080Ink soft
#FFFFFFBG
rgba(25, 25, 25, 0.1)Line

사진과 타이포그래피를 지배하도록 하는 엄격한 단색 팔레트

03

타이포그래피

transitional-serif · neo-grotesque-sans · neo-grotesque-mono

섹션 헤더에는 대문자를 사용합니다 · 대형 디스플레이 사이즈에서 매우 타이트한 자간을 유지합니다 · 전체적으로 폰트 두께를 400으로 일관되게 유지합니다

04

여백

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

콘텐츠와 호흡 공간 요구 사항에 따라 결정되는 불규칙적 리듬

05

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

sm · 0px
md · 0px
lg · 0px
pill · 0px

보이는 테두리 없음

06

레이아웃

1920container
12columns
48pxgutter
768 / 1024breakpoints

넓은 여백을 가진 비대칭적, 그리드 없는 레이아웃

07

모션과 인터랙션

220msmicro
220mssmall
400msmedium
cubic-bezier(0.77, 0, 0.175, 1)easing

hover 시 부드러운 투명도 전환 · 인터랙티브 요소에서의 색상 전환

0.2초 전환을 사용한 미세한 색상 변화 · 표준 포인터 커서

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

이것은 흰색(#FFFFFF)과 다크그레이(#191919)를 기본으로 하고 보조 텍스트에 그레이(#808080)를 사용하는 엄격한 단색 팔레트를 사용하는 프리미엄 인테리어 디자인 스튜디오 포트폴리오입니다. 타이포그래피는 디스플레이 요소에는 트랜지셔널 세리프를, 본문 텍스트에는 네오그로테스크 산세리프를 결합합니다. 레이아웃은 거대한 여백과 풀와이드 'NCDA' 약어와 같은 거대한 타이포그래피 요소가 특징입니다. 핵심 금지 사항: 절대로 강조색을 도입하지 말 것, 둥근 모서리를 사용하지 말 것, 콘텐츠를 중앙 정렬하지 말 것, 섹션에 배경색을 추가하지 말 것. 이 디자인은 UI 밀도보다 사진 콘텐츠와 호흡 공간을 우선시합니다.

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

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

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

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