精选 · 开放 · 免费

Cinderbloc

以排版为核心、具备坚实几何基础的单色身份标识。

01

设计气质 DNA

数字设计的坚实、建筑感基础。

02

色彩

使用严格的黑、白、灰调色板实现极致对比。

03

字体

geometric-sans

• display62px · 300
• body15px · 400

所有展示文本使用大写。 · 大尺寸展示文本使用细体（300）。

04

间距

充足留白，大内边距值以创造呼吸空间。

05

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

用于几何形状的纤细、精确线条（3px）。

06

布局

大型、整洁的空间区块，具备精确的几何对齐。

07

动效与交互

使用自定义 cubic-bezier 缓动的流畅、精致过渡。 · 元素带有轻微变换的淡入效果。

微妙的状态变化，常涉及透明度或轻微变换。 · 通过过渡提供即时视觉反馈。

08

组件

• button 几何感、高对比度、大写文本。
• card 由纤细轮廓和充足内边距定义。
• chip 简洁、几何形状，高对比度。
• input 整洁、极简，带有精确边框。
• hero 主导性排版搭配大型几何背景形状。

09

文案语气与禁用清单

• 语气 权威、结构化且自信。
• 标题风格 大胆、大写，常以几何方式排列。
• 按钮文案 清晰、大写且直接。

• 不要使用多种字体家族——截图显示为单一的几何无衬线体。
• 不要使用鲜艳、饱和的颜色——截图显示为严格的单色调色板。
• 不要使用圆润、俏皮的形状——截图显示为锐利、几何的形态。
• 不要对展示文本使用粗重的字重——截图显示为细体（300）。
• 不要对标题使用小写——截图显示为大写文本。
• 不要添加复杂的阴影或渐变——截图显示为扁平、整洁的表面。
• 避免: 俏皮或随意的语言。
• 避免: 装饰性或华丽的元素。
• 避免: 复杂的调色板。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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