큐레이션 · 오픈 · 무료

Immersive Garden

고급스럽고 몰입감 있는 경험에 초점을 맞춘 정제된 디지털 스튜디오.

01

디자인 DNA

건축과 디지털 아트가 만나는 고요한 갤러리 공간.

02

컬러

극도의 절제; 높은 대비를 가진 엄격한 밝은-어두운/어두운-밝은 이항 체계에 의존합니다.

03

타이포그래피

transitional-serif · grotesque-sans

• display44px · 400
• body16px · 400
• caption14px · 400

대문자 레이블에는 넓은 자간을 사용합니다. · 전시용 타이포그래피에는 높이를 좁게 유지합니다. · 굵은 굵기를 절대 사용하지 않고, 계층 구조를 위해 크기와 글꼴 패밀리에 의존합니다.

04

여백

공간 균형을 위해 넓고 여유로운 마진과 함께 16px 기본 단위를 엄격히 사용합니다.

05

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

없음

06

레이아웃

콘텐츠를 특정 영역에 고정하는 전체 화면 캔버스 레이아웃.

07

모션과 인터랙션

페이지 전환을 위한 느리고 우아한 불투명도 페이드. · 인터랙티브 텍스트 요소를 위한 미세한 hover 상태. · 3D WebGL 요소를 위한 부드럽고 선형적인 움직임.

내비게이션 및 CTA 텍스트에서의 미세한 색상 변화 및 불투명도 변경. · 상태 변경을 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 미세한 불투명도와 색상 변화에 의존하는 텍스트 전용 인터랙티브 요소.
• card 고해상도 이미지에 의존하는 미니멀리스트 프로젝트 쇼케이스.
• hero 3D 조각적 배경을 갖춘 전체 뷰포트 몰입감 있는 장면.

09

보이스와 금지 목록

• 톤 세련되고 절제되며 매우 전문적입니다.
• 헤드라인 우아한 세리프 타이포그래피를 사용한 짧고 임팩트 있는 진술.
• CTA 최소한의 시각적 노이즈를 가진 절제된 텍스트 링크.

• 굵은 굵기를 사용하지 마세요 — 스크린샷은 모든 텍스트 요소에 일반 굵기만 사용합니다.
• 드롭 섀도우를 추가하지 마세요 — 스크린샷은 완전히 평면적이고 무광의 UI 표면을 보여줍니다.
• 밝은 강조 색상을 사용하지 마세요 — 팔레트는 엄격한 단색 그레이스케일입니다.
• 둥근 컨테이너를 사용하지 마세요 — 레이아웃은 날카로운 모서리와 풀블리드 이미지에 의존합니다.
• 레이아웃을 어지럽히지 마세요 — 스크린샷은 여백의 극도의 사용을 보여줍니다.
• 장식 테두리를 사용하지 마세요 — 요소들은 선이 아닌 여백으로 분리됩니다.
• 피하기: 지나치게 기술적인 전문 용어.
• 피하기: 공격적인 판매 언어.
• 피하기: 시각적 혼잡 또는 장식적 요소.
• 피하기: 밝고 채도 높은 색상.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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