큐레이션 · 오픈 · 무료

Hape

강렬한 단색 로딩 화면을 특징으로 하는 대담하고 실험적인 3D 중심 브랜드 랜딩 페이지.

3DExperimentalBold TypographyPremiumConsumer
Hape 스크린샷
OpenDesign 에서 열기

원본 사이트: https://www.hape.io

01

디자인 DNA

몰입형실험적3D미니멀리스트프리미엄

로드되기를 기다리는 미래지향적 갤러리 또는 가상 세계.

02

컬러

#000000Ink
#B51A1BBG
#6B0E0FMuted
rgba(0, 0, 0, 0.1)Line

대담하고 높은 채도의 단색 레드 배경과 엄격한 검정 타이포그래피.

03

타이포그래피

geometric-sans

04

여백

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

중심 정렬되고 넉넉한 여백의 여유로운 구성.

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

로딩 원형에 대한 최소적이고 은은한 테두리.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

전체 화면 단색 배경에 중심 정렬된 수직 스택.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing

로딩 스피너 · 진행 표시기

보이지 않음. · 보이지 않음.

08

컴포넌트

09

보이스와 금지 목록

11

System Prompt

이것은 3D/메타버스 브랜드를 위한 대담하고 실험적인 로딩 화면입니다. 레이아웃은 완전히 중심 정렬되어 있으며, 단색 딥 레드(#B51A1B) 배경과 검정 기하학적 고딕체 타이포그래피를 사용합니다. 구성은 극도로 미니멀하여, 브랜드 마크 'HAPE®'와 하단의 원형 진행 표시기만 특징으로 합니다. 즉각적인 정보보다는 분위기와 기대감을 우선시합니다. 핵심 디자인 규칙: 대담한 단색 레드 팔레트를 사용하고, 극도의 여백을 유지하며, 복잡한 UI 구성 요소를 피하세요. 사이트는 3D 또는 디지털 컬렉터블 플랫폼에 적합한 프리미엄하고 실험적인 미학에 크게 의존합니다.

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

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

OpenDesign 스킬 ↗

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