精选 · 开放 · 免费
Socialclubparis
一家以精致创意俱乐部形象呈现的全球广告机构,拥有超大字体标识。
AgencyBold TypographyCleanPremiumEditorial
01
设计气质 DNA
广告品牌全球创意俱乐部
一个极简主义的画廊空间,大尺度排版字体构成了主要的建筑结构。
02
色彩
#000000Ink
#FAF9F6BG
#DEDBD3BG soft
#D4D4D4Muted
rgba(0, 0, 0, 1)Line
严格单色系,依靠高对比度的黑白搭配微妙暖调中性色来构建层次。
03
字体
grotesque-sans · monospaced-sans
- display
157px · 400 - heading
46px · 400 - body
14px · 400
所有文本元素默认采用全大写(大写字母)转换。 · 大尺度排版字体作为主要的构成元素,而不仅仅是标题。 · 在大尺寸展示中使用紧凑的字间距,以保持视觉凝聚力。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
150px
充裕的垂直内边距(例如 57px, 106px, 150px)营造出通透、编辑式的氛围。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 4px
lg · 5px
pill · 999px
用于交互轮廓和UI元素的纤细实线黑色边框。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全幅主视觉区域搭配巨大字体,后接项目图像构成的类瀑布流网格。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
全局应用于元素的通用过渡,实现流畅的悬停状态。 · 大尺度文本和图像独立滚动以创造深度感。
光标保持为指针状态;元素可能改变透明度或进行微妙变换。 · 即时响应,无可见的加载动画。
08
组件
- button 简约的纯文本按钮,带有大写标签和悬停效果。
- card 大型项目卡片,采用全出血摄影和清晰标签。
- chip 类别指示器(例如 '● ADS', '● BRANDING'),使用实心圆点。
- input 包含水平文本和平面按钮操作的Cookie同意栏。
- hero 以巨大的 'SOCIALCLUB' 水印和居中定位文本占据视口。
09
文案语气与禁用清单
- 语气 专业、疏离且高度自信。
- 标题风格 压倒性的大尺度、极简主义、字体主导。
- 按钮文案 微妙、大写、融入整体极简美学。
- 不要使用鲜艳的强调色——截图显示严格遵循黑白及暖中性色调。
- 不要使用混合大小写文本——截图显示几乎全部使用全大写。
- 不要使用重阴影——截图显示为无边框或细边框的扁平表面。
- 不要使用衬线字体——截图显示为简洁的几何或等宽无衬线字体。
- 不要使用小号主视觉文本——截图显示超大尺寸的 'SOCIALCLUB' 文本填充视口。
- 不要使用传统卡片边框——截图显示卡片通过其摄影内容和标签来界定。
- 不要使用装饰元素——截图显示高度克制的功能性美学。
- 避免: 避免使用多色配色或鲜艳的强调色。
- 避免: 避免使用装饰性衬线字体或手写体。
- 避免: 避免使用杂乱的布局或密集的文本块。
- 避免: 避免在UI元素上使用重阴影或3D效果。
- 避免: 避免在UI和标题中使用小写文本。
- 避免: 避免使用制作价值不足的图像。
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
定位:一个独立的全球广告与品牌机构,以精致的“创意俱乐部”形象示人。关键十六进制颜色:#FAF9F6(背景)、#000000(墨色/文本)、#D4D4D4(弱化/展示文本)、#DEDBD3(微妙背景柔化)。字体类别:粗犷无衬线用于展示和正文,等宽无衬线用于特定数据或标签。关键禁忌:不要使用大写文本(截图完全大写);不要使用鲜艳色彩(配色严格单色系);不要使用衬线字体(设计纯为无衬线)。布局宽裕且具编辑感,使用巨大字体作为主要建筑元素。
en · zh-CN · zh-TW · ja · ko