精选 · 开放 · 免费
Climatecatastrophepack
采用高对比度排版与紧急红色强调,在深色画布上呈现的大胆戏谑产品发布页。
Bold TypographyDark ModePlayfulEditorialConsumer
01
设计气质 DNA
戏谑末日讽刺大胆公益
产品发布专用的讽刺性紧急广播系统。
02
色彩
#FF4034Accent
#000000Ink
#E4E4D8BG quiet
rgba(255, 64, 52, 1)Line
基于纯黑底色搭配单一紧急红色强调的高对比度双色调体系。
03
字体
condensed-sans · humanist-sans
- display
201px · 800 - h1
40px · 800 - body
16px · 400
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
悬停缩放 · 文本删除线
交互元素应用缩放变换 · 交互元素应用缩放变换
08
组件
- button 采用粗体压缩文字的胶囊形按钮
- card 无可见卡片
- chip 无可见标签
- input 无可见输入框
- hero 深色背景上设置超大压缩字体,搭配同心红色环与危险警示图标
09
文案语气与禁用清单
- 语气 讽刺、紧急、戏谑
- 标题风格 粗体压缩大写
- 按钮文案 采用粗体压缩文字的胶囊形按钮
- 禁用细微渐变——设计呈现纯平高对比黑红配色
- 禁用精致衬线字体——设计采用超大压缩无衬线标题
- 禁用柔和阴影——设计呈现硬边与平面化界面元素
- 禁用宽松字间距——设计采用紧凑排列的压缩字体
- 禁用柔和调色板——设计使用纯黑、米白与鲜艳红
- 禁用圆角矩形——设计采用胶囊形与硬边造型
- 避免: 含蓄
- 避免: 礼貌
- 避免: 极简
- 避免: 企业化
- 避免: 保守
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
为讽刺卡牌游戏包设计一款戏谑风格的高对比度产品发布页。使用纯黑背景(#000000)与米白(#E4E4D8)作为文本和界面基色,搭配单一高饱和度红色(#FF4034)强调紧急感。字体体系需以超大压缩无衬线展示字体(800字重)为主标题,正文采用简洁人文无衬线体。禁用柔和阴影、细微渐变或宽松字间距。布局采用居中对齐,预留充足内边距并建立清晰垂直韵律。使用胶囊形按钮与危险警示主题图标。严格避免礼貌或企业化语调,设计需呈现大胆、混乱且刻意具有压迫感的视觉效果。
en · zh-CN · zh-TW · ja · ko