精选 · 开放 · 免费

12 Berlinbiennale De

一个大胆、高对比度且具有实验性的艺术展览网站。

01

设计气质 DNA

一本高对比度、实验性的艺术展览图录，在数字世界中得以呈现。

02

色彩

以高对比度的黑白为基础，搭配单一、高色度的霓虹品红色作为强调。

03

字体

grotesque-sans · transitional-serif

• display80px · 400
• displaySm40px · 400
• body16px · 400

对于具有冲击力的大型展示标题，使用 grotesque sans-serif 字体。 · 对于正文及较小的信息文本，使用 transitional serif 字体。

04

间距

采用不对称节奏，利用大块留白与刻意偏离网格的排布。

05

表面 (圆角 / 阴影 / 边线)

为结构化元素和卡片使用 1px 实线黑色边框。

无

06

布局

一个动态的、拼贴式的布局，包含重叠元素、大号排版和不对称网格。

07

动效与交互

hover 时的平滑缩放与移动。 · 细微的透明度过渡。

交互元素在 hover 时有细微的缩放或颜色变化。 · 立即提供视觉反馈。

08

组件

• button 胶囊形按钮，采用纯色背景和粗边框。
• card 直角卡片，采用纯色背景和清晰的边框。
• chip 胶囊形标签，用于导航和筛选。
• input 简洁的带边框文本输入框，配有清晰标签。
• hero 一个巨大的、以文本为主的 hero 区域，包含重叠的大号数字和粗体排版。

09

文案语气与禁用清单

• 语气 具有艺术感、权威性，并带有些许挑衅意味。
• 标题风格 字体大而粗，常采用重叠排布，形成动态的视觉层次。
• 按钮文案 胶囊形、高对比度的按钮，引人注目。

• 不要使用微妙或柔和的强调色——截图显示的是鲜艳的霓虹品红色。
• 不要使用居中、对称的布局——截图显示的是不对称的拼贴式排列。
• 不要使用过度圆润或柔和的界面元素——截图显示的是直角和胶囊形。
• 不要为所有内容使用单一字体——截图清晰地区分了 sans-serif 和 serif 字体。
• 不要使用标准的网页界面模式——截图显示的是高度定制化的编辑式布局。
• 不要使用柔和的阴影或渐变——截图显示的是纯色和硬朗的边缘。
• 避免: 微妙或柔和的色彩方案。
• 避免: 传统的居中网格布局。
• 避免: 俏皮或过于友好的语言。

11

System Prompt

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