큐레이션 · 오픈 · 무료

Climatecatastrophepack

어두운 캔버스 위에 고대비 타이포그래피와 긴급한 빨간색 강조 포인트를 사용한 대담하고 무례한 제품 출시 페이지.

Bold TypographyDark ModePlayfulEditorialConsumer
Climatecatastrophepack 스크린샷
↓ 디자인 시스템 다운로드 (8 MB)OpenDesign 에서 열기

원본 사이트: https://www.climatecatastrophepack.com

📦 팩 내용 보기 →

01

디자인 DNA

무례한세계 종말적풍자적대담한자선적인

제품 출시를 위한 풍자적 긴급 방송 시스템.

02

컬러

#FF4034Accent
#000000Ink
#E4E4D8BG quiet
rgba(255, 64, 52, 1)Line

선명한 검정을 기반으로 단일하고 긴급한 빨간색 강조 포인트를 사용한 고대비 듀오톤.

03

타이포그래피

condensed-sans · humanist-sans

04

여백

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

넉넉한

05

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

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

2px solid

rgba(0, 0, 0, 0.17) 0px 4.18px 8.36px 0px

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

중앙 정렬 열

07

모션과 인터랙션

50msmicro
200mssmall
500msmedium
cubic-bezier(0.5, 0, 0, 1)easing

hover-scale · text-strike-through

인터랙티브 요소에 대한 scale-transform · 인터랙티브 요소에 대한 scale-transform

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

풍자적 카드 게임 팩을 위한 무례하고 고대비 제품 출시 페이지를 디자인하세요. 배경은 선명한 검정(#000000)과 텍스트 및 표면에는 오프화이트(#E4E4D8)를 사용하고, 긴급함을 위해 단일 고채도 빨간색(#FF4034) 강조 포인트를 사용하세요. 타이포그래피는 헤드라인용 거대하고 축약된 산세리프 디스플레이 폰트(800 두께)와 본문용 깔끔한 humanist-sans로 구성되어야 합니다. 부드러운 그림자, 미묘한 그라데이션, 넓은 자간은 사용하지 마세요. 레이아웃은 중앙 정렬로 넉넉한 패딩과 명확한 수직 리듬을 가져야 합니다. 알약 형태 버튼과 위험 관련 아이콘ography를 사용하세요. 공손하거나 기업적인 어조는 절대 피해야 하며, 디자인은 대담하고 혼란스러우며 의도적으로 압도적으로 느껴져야 합니다.

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

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

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

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