精选 · 开放 · 免费

Allcapstype

一个简洁的、以排版为核心的字体铸造厂网站，拥有引人注目的霓虹洋红色标志性元素。

01

设计气质 DNA

一个纯粹的画廊，排版即是艺术。

02

色彩

高对比度的单色调，搭配单一、强烈的霓虹洋红色点缀。

03

字体

grotesque-sans · monospaced

• display432px · 500
• heading32px · 400
• body12px · 400

为 UI 文本使用宽字间距，以维持精致、通透的感觉。 · 将字重严格限制在 400 和 500，以保持统一、现代的外观。 · 允许展示型排版极其巨大且富有表现力。

04

间距

非对称布局，配有充裕的水平间距。

05

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

无边框；依靠间距和颜色进行视觉区分。

06

布局

全宽主视觉区域，随后是字体样本网格展示。

07

动效与交互

为交互元素使用平滑的透明度和变换过渡。 · 悬停时产生细微的缩放或颜色变化。

微妙的颜色变化或透明度调整。 · 即时视觉反馈。

08

组件

• button 高对比度的胶囊形按钮，采用霓虹洋红色背景。
• card 极简风格的卡片，呈现字体样本，聚焦于排版本身。
• chip 小巧、干净的标签，用于展示样式数量与元数据。
• input 极简的无边框输入框。
• hero 占据主导的展示型字体，带有柔和的霓虹洋红色光晕效果。

09

文案语气与禁用清单

• 语气 专业、精致，略带趣味性。
• 标题风格 粗体、以展示为主，常带有霓虹光效。
• 按钮文案 直接且以行动为导向（例如：'购买'）。

• 不要使用深色背景作为主表面——截图显示的是明亮的白色画布。
• 不要将霓虹洋红色点缀用于大段文本——它仅用于小型交互元素和主视觉光晕。
• 不要在大多数组件上使用圆角——截图显示的是方形或仅有极微圆角的元素。
• 不要使用投影来营造深度——该设计依赖于扁平表面与色彩对比。
• 不要使用小而拥挤的排版——该设计优先考虑大尺度与充足留白。
• 不要使用复杂的多色渐变——调色板是严格的单色加单一点缀色。
• 避免: 避免使用过于随意或口语化的语言。
• 避免: 避免在界面上堆砌不必要的文本。
• 避免: 避免使用多种相互竞争的点缀色。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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