큐레이션 · 오픈 · 무료

Custo

스마트 우체함을 위한 프리미엄 미니멀리스트 랜딩 페이지로, 대담한 타이포그래피와 절제된 미학을 통해 물리적 하드웨어와 동반 앱을 강조합니다.

HardwareProductPremiumCalmClean
Custo 스크린샷
↓ 디자인 시스템 다운로드 (17 MB)OpenDesign 에서 열기

원본 사이트: https://custo.io

📦 팩 내용 보기 →

01

디자인 DNA

스마트보안프리미엄미니멀리스트하드웨어

하이엔드 소비자 전자제품과 보안 가문 인프라의 만남.

02

컬러

#000000Ink
#8e9194BG
#ffffffBG soft
#a7aaadMuted
rgba(167,170,173,1.0)Line

미디엄 그레이에 기반을 둔 절제된, 정교한 단일 톤 팔레트로, 대비와 위계를 위해 순수한 블랙과 화이트에 의존합니다.

03

타이포그래피

geometric-sans · monospace

모든 텍스트에 기하학적 sans-serif 카테고리를 사용합니다. · 큰 디스플레이 타입에는 타이트한 행간을 유지합니다.

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

모션과 인터랙션

225msmicro
400mssmall
800msmedium
cubic-bezier(0.165, 0.84, 0.44, 1)easing

clip-path를 사용한 reveal 애니메이션 · 부드러운 색상 및 opacity 전환

인터랙티브 요소에 미묘한 상태 변화. · 클릭 가능한 요소에 표준 포인터 커서.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Custo — 桌面首屏（hero）
桌面首屏（hero）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Custo — 移动首屏
移动首屏

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

11

System Prompt

프리미엄 미니멀리스트 스마트 홈 하드웨어 제품을 위한 디자인을 생성합니다. 미디엄 그레이(#8e9194), 순수한 블랙(#000000), 화이트(#ffffff)에 기반을 둔 절제된 단일 톤 팔레트를 사용합니다. 타이포그래피는 깔끔한 기하학적 sans-serif로, 대담하고 임팩트 있는 헤드라인과 타이트한 행간을 사용합니다. 레이아웃은 여유로운 패딩으로 넉넉해야 하며, 시각적 흥미를 위해 전체 폭 이미지와 큰 워터마크 타이포그래피에 의존합니다. 정돈되지 않은 혼란스러움, 드롭 섀도우, 또는 여러 경쟁 악센트 색상을 피하여 하이엔드적이고 건축적인 미학을 유지합니다. 중요: 장난스럽거나 장식적인 요소를 절대 사용하지 마십시오; 물리적 제품과 그 핵심 이점에 초점을 맞추십시오.

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

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

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

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