← OpenDesign
큐레이션 · 오픈 · 무료
Bunsa Studio
디자인 스튜디오를 위한 사진 중심 포트폴리오.
Gallery Studio Photographic Curation Editorial
01
디자인 DNA
인테리어 디자인 큐레이션 사진 스튜디오
따뜻하고 eclectic한 인테리어 디자인 프로젝트를 선보이는 큐레이티드 갤러리.
02
컬러
#0B0BcaAccent
#000000Ink
#F5F2EDBG
#FCFAF7BG quiet
rgba(0,0,0,1.0)Line
따뜻하고 중립적인 배경으로 사진이 주도하게 하며, 브랜딩을 위한 단일한 강한 블루 악센트를 사용합니다.
03
타이포그래피
grotesque-sans
display 60px · 700body 20px · 400
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
섹션 간 넉넉한 수직 간격으로 이미지에 강조를 둡니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid black
06
레이아웃
1920 container
12 columns
24px gutter
768 / 1024 breakpoints
오버레이 타이포그래피가 적용된 전면 이미지 갤러리.
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
fade-in · 불투명도 전환
인터랙티브 요소의 불투명도 변화. · 즉각적인 시각적 피드백.
08
컴포넌트
button 텍스트 링크 또는 미니멀한 아이콘, 상호작용을 위해 커서 pointer에 의존합니다. card 전체 폭의 이미지가 주요 포트폴리오 카드로 활용됩니다. chip 작은 블루 원형 지표. hero 대형 텍스트 오버레이가 적용된 전폭의 포토그래픽 히어로.
09
보이스와 금지 목록
톤 자신감 있고 전문적이며, 시각적 편향. 헤드라인 짧고 임팩트 있는 프로젝트 타이틀. CTA 미니멀하며, 주로 커서가 pointer로 변경되는 형태. 다크 모드를 사용하지 마세요 — 사이트는 #F5F2ED와 같은 따뜻하고 밝은 배경을 사용합니다. 세리프 폰트를 사용하지 마세요 — 타이포그래피는 엄격히 깔끔한 grotesque sans-serif입니다. 무거운 드롭 섀도우를 추가하지 마세요 — 표면은 플랫하며 깊이감을 위해 이미지에 의존합니다. 밝고 다채로운 배경을 사용하지 마세요 — 사진이 돋보이도록 캔버스를 중립적으로 유지하세요. 둥근 UI 카드를 사용하지 마세요 — 이미지는 모서리까지 또는 단순한 정렬로 제시됩니다. 레이아웃을 과도하게 채우지 마세요 — 넉넉한 간격과 미니멀한 텍스트가 미적 핵심입니다. 피하기: 지저분함 피하기: 과도한 텍스트 피하기: 복잡한 그라데이션
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
This is a portfolio website for an interior design studio. It uses a warm, neutral background (#F5F2ED) with a single, bold blue accent (#0B0Bca) for branding elements. The typography is a clean, bold grotesque sans-serif (HelveticaNowDisplay), prioritizing readability and modern aesthetics. The layout is heavily photographic, with full-bleed images and minimal text. Key design constraints: no dark mode, no serif fonts, no heavy shadows, and avoid cluttering the interface. The design should feel curated, premium, and focused on the visual work.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 'Less is More' 디자인 접근 방식의 강력한 예시로, 사진 품질이 주요 커뮤니케이션 도구이며, 절제되지만 뚜렷한 브랜드 아이덴티티가 이를 뒷받침합니다.