CURATED · OPEN · FREE

Climatecatastrophepack

Bold, irreverent product launch page using high-contrast typography and urgent red accents on a dark canvas.

Bold TypographyDark ModePlayfulEditorialConsumer
Climatecatastrophepack screenshot
↓ Download design system (8 MB)Open in OpenDesign

Visit: https://www.climatecatastrophepack.com

📦 Browse pack contents →

01

Identity DNA

irreverentapocalypticsatiricalboldcharitable

A satirical emergency broadcast system for a product launch.

02

Color

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

High-contrast duotone with a stark black base and a singular, urgent red accent.

03

Typography

condensed-sans · humanist-sans

04

Spacing

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

generous

05

Surfaces

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

2px solid

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

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

centered-column

07

Motion & Interaction

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

hover-scale · text-strike-through

scale-transform on interactive elements · scale-transform on interactive elements

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

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 — 移动首屏
移动首屏

Captured from the live site · real computed styles

11

System prompt

Design an irreverent, high-contrast product launch page for a satirical card game pack. Use a stark black background (#000000) and off-white (#E4E4D8) for text and surfaces, with a single high-chroma red accent (#FF4034) for urgency. Typography must be dominated by massive, condensed sans-serif display fonts (800 weight) for headlines and a clean humanist-sans for body text. Do not use soft shadows, subtle gradients, or wide letter-spacing. The layout should be centered with generous padding and a clear vertical rhythm. Use pill-shaped buttons and hazard-themed iconography. Critically avoid polite or corporate tones; the design must feel bold, chaotic, and intentionally overwhelming.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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