← OpenDesign
큐레이션 · 오픈 · 무료
One Is
생성 예술, 내러티브 공간, 물리적 설치물을 융합한 실험적 창작 플랫폼.
Studio Gallery Photographic Experimental Refined
01
디자인 DNA
실험적 생성적 물리적 내러티브 고해상도
예술, 기술, 내러티브 공간을 잇는 디지털-물리적 스튜디오.
02
컬러
#000000Ink
#FBFBFABG
#BEC0C5Muted
rgba(190,192,197,1.0)Line
고대비 잉크와 차분한 보조 텍스트를 위한 단 하나의 중성 톤을 사용한 미니멀리스트 캔버스.
03
타이포그래피
grotesque-sans
display 24px · 500body 18px · 400주요 텍스트는 -0.24px의 좁은 자간을 사용합니다 · 제목과 본문 텍스트는 공통으로 중간 굵기(500)를 사용합니다 · 특정 레이블이나 버튼에는 대문자 변환을 적용합니다
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
넉넉한 수직 패딩(32px~80px)이 여유롭고 호흡하는 레이아웃을 만듭니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 12px
pill · 999px
버튼과 같은 인터랙티브 요소에 2px solid 테두리를 사용합니다.
보이는 그림자 없음
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
왼쪽에 로고, 오른쪽에 CTA가 있는 간단한 헤더 뒤에 풀블리드 미디어 또는 넓은 텍스트 블록이 옵니다.
07
모션과 인터랙션
125ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
인터랙티브 요소를 위한 미묘한 불투명도 및 변환 트랜지션.
인터랙티브 요소에 표준 커서 포인터. · 트랜지션을 통한 즉각적인 시각적 피드백.
08
컴포넌트
button 2px solid 테두리가 있는 알약 모양 윤곽선 버튼. card 큰 이미지와 둥근 모서리가 있는 미디어 중심 카드. hero 최소한의 오버레이 텍스트가 있는 풀 뷰포트 비디오 또는 고해상도 사진 배경.
09
보이스와 금지 목록
톤 실험적, 추상적, 시적. 헤드라인 브랜드 선언문을 구축하기 위한 반복적인 'ONE은 [개념]이다' 구조. CTA 단순하고 기능적인 단어 하나의 CTA ('Contact'). 여러 악센트 색상을 사용하지 마세요 — 스크린샷은 흰색 배경에 검은색 텍스트가 있는 단색 팔레트를 보여줍니다. 장식적이거나 필기체 폰트를 사용하지 마세요 — 스크린샷은 깨끗하고 현대적인 그로테스크 산세리프를 보여줍니다. 무거운 그림자를 사용하지 마세요 — 스크린샷은 보이는 그림자 없이 평평하고 깨끗한 표면을 보여줍니다. 작고 비좁은 컨테이너를 사용하지 마세요 — 스크린샷은 거의 비어 있는 듯한 매우 여유로운 레이아웃을 보여줍니다. 전통적인 격자선이나 무거운 테두리를 사용하지 마세요 — 스크린샷은 넓은 여백을 주요 구분 요소로 사용합니다. 표준 기업 스타일의 행동 유도 문구를 사용하지 마세요 — 스크린샷은 매우 미니멀한 'Contact' 버튼을 사용합니다. 피하기: 기업 전문 용어 피하기: 과장된 마케팅 표현 피하기: 두꺼운 설명 단락
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(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
One Is는 예술, 기술, 물리적 공간을 잇는 실험적 창작 플랫폼으로 포지셔닝됩니다. 디자인은 엄격한 검은색(#000000)과 흰색(#FBFBFA) 팔레트로 지배되는 미니멀리스트 갤러리 스타일 캔버스이며, 차분한 목록 항목을 위해 단 하나의 중성 톤(#BEC0C5)을 사용합니다. 타이포그래피는 좁은 자간의 중간 굵기(500)를 가진 깨끗한 그로테스크 산세리프 계열에 의존합니다. 중요한 금지 사항으로는 장식적 폰트 사용 회피, 여러 악센트 색상 사용 회피, 무거운 테두리나 그림자가 있는 복잡한 레이아웃 사용 회피가 포함됩니다. 시스템은 넓은 여백, 고해상도 미디어, 시적이고 선언문 같은 톤을 강조해야 합니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 전통적인 UI 패턴보다는 임팩트가 큰 시각 요소와 시적인 텍스트를 우선시하는 현대적이고 실험적인 디자인 스튜디오 포트폴리오의 강력한 예시입니다.