큐레이션 · 오픈 · 무료

Virtual Plus Ex

대담한 타이포그래피와 단순하고 통제된 탐색을 우선시하는 날것의 고대비 인터랙티브 경험입니다.

Dark ModeExperimentalApp UIBold TypographyClean

↓ 디자인 시스템 다운로드 (0 MB)OpenDesign 에서 열기

원본 사이트: https://virtual.plus-ex.com/showroom

📦 팩 내용 보기 →

디자인 DNA

인터랙티브미니멀대담한실험적인몰입감 있는

사용자 제어와 대담한 타이포그래피에 초점을 맞춘 미니멀리스트 인터랙티브 갤러리 또는 쇼룸.

컬러

#FF5C00Accent

#FFFFFFInk

rgba(255,255,255,0.4)Ink soft

#000000BG

rgba(255,255,255,1)Line

강조를 위해 단일의 선명한 강조색을 사용하는 엄격한 고대비 단색.

타이포그래피

grotesque-sans · monospaced

display60px · 500
subheading16px · 500
body12px · 500
label10px · 500

모든 텍스트는 대문자입니다. · 제목은 좁은 음수 자간을 사용합니다. · 본문 텍스트는 기술적인 느낌을 위해 일관되게 모노스페이스를 사용합니다.

여백

4px

8px

10px

16px

24px

30px

32px

35px

36px

48px

60px

인터랙티브 요소 주위에 일반적으로 25-36px의 넉넉한 여백.

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

sm · 0px

md · 10px

lg · 0px

pill · 0px

버튼에는 2px solid white, 장식 요소에는 미세한 1px 라인.

레이아웃

1columns

768breakpoints

초기 모드 선택을 위한 중앙 정렬 수직 스택이 전체 화면 스크롤 기반 레이아웃으로 전환.

모션과 인터랙션

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

hover 상태의 모든 속성에 전환 적용. · 지침에 기반한 매끄러운 스크롤 또는 스와이프 적용.

인터랙티브 요소에 대한 커서 포인터 및 전환 적용. · 모드 시작 및 선택을 위한 주요 상호작용 방법.

컴포넌트

button 둥근 모서리, 전체 대문자 텍스트, 넉넉한 내부 여백을 가진 큰 직사각형 윤곽선 버튼.
card 제공된 스크린샷에서는 보이지 않지만, 주요 콘텐츠 컨테이너로 추정.
chip 보이지 않음.
input 보이지 않음.
hero 큰 중앙 정렬 타이포그래피와 미니멀한 장식 라인 요소가 있는 전체 화면 검은색 캔버스.

보이스와 금지 목록

톤 직접적이고 미니멀하며 지시적인.
헤드라인 대담한, 전체 대문자, 좁은 자간.
CTA 눈에 띄는 버튼 내의 명확하고 큰 대문자 텍스트.

세리프 또는 손글꼴을 사용하지 마세요 — 스크린샷에는 grotesque-sans와 모노스페이스 타입만 보입니다.
배경 이미지나 그라데이션을 추가하지 마세요 — 스크린샷에는 단색 검은색 배경만 보입니다.
저대비 텍스트를 사용하지 마세요 — 스크린샷에는 검은색 배경 위의 고대비 흰색 텍스트만 보입니다.
복잡한 그림자나 깊이 효과를 사용하지 마세요 — 스크린샷에는 플랫하고 윤곽선만 있는 구성 요소가 보입니다.
여러 강조색을 사용하지 마세요 — 스크린샷에는 단일 강조색(주황색)만 보입니다.
UI 요소에 소문자 텍스트를 사용하지 마세요 — 스크린샷에는 모든 텍스트가 대문자로 되어 있습니다.
피하기: 부드럽거나 장난스러운 언어.
피하기: 복잡한 레이아웃이나 여러 경쟁 요소.
피하기: 세리프 또는 장식적인 서체.

팩 안의 실제 스크린샷

Virtual Plus Ex — 桌面首屏（hero） — 桌面首屏（hero）

Virtual Plus Ex — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

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

System Prompt

이것은 미니멀하고 실험적인 인터랙티브 쇼룸 사이트입니다. 중요한 지침을 위해 단일의 선명한 주황색 강조색을 사용한 날것의 흑백 팔레트를 사용합니다. 타이포그래피는 대담하고 전체 대문자이며, 제목에는 grotesque-sans를 본문에는 모노스페이스 폰트를 사용하여 기술적이고 직접적인 톤을 만듭니다. 주요 상호작용은 큰 윤곽선 버튼과 스크롤을 통해 제어됩니다. 핵심 디자인 규칙: 지정된 서체 카테고리만 사용하고, 고대비를 유지하며, 장식 요소를 피하고, 레이아웃을 중앙 정렬하고 넓게 유지하며, 대문자 텍스트를 일관되게 사용합니다. 절대 그림자, 그라데이션 또는 여러 강조색을 추가하지 마세요. 상호작용 모델은 단순하여 스크롤과 클릭에 초점을 맞춥니다.

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

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

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

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