精选 · 开放 · 免费

10Xdesigners

一个面向设计师的高对比度、排版驱动的资源共享与发现中心。

01

设计气质 DNA

一个高端、极简的设计师工具与素材库。

02

色彩

鲜明、高对比度的极简主义，使用严格的黑白基底，搭配单一高饱和度红色点缀。

03

字体

grotesque-sans

• display300px · 400
• heading32px · 400
• body18px · 400
• small13px · 400

为巨大的展示文本使用极紧的字间距（-12px），以保持视觉凝聚力。 · 所有元素保持一致的常规字重（400），以维持设计的干净与统一。

04

间距

严格的4px基线网格，元素间留有充裕、有意的间距。

05

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

1px solid rgba(148, 148, 148, 0.3)，谨慎用于分隔线与输入状态。

无

06

布局

全宽英雄区域配以巨大排版，后接结构化、基于网格的内容区域。

07

动效与交互

流畅的线性显示过渡，用于界面状态变化。 · 交互元素上细腻的悬停效果。

通过细微的色彩或透明度变化来指示可交互性。 · 即时、响应式的反馈，无需复杂动画。

08

组件

• button 胶囊形主要操作按钮，采用高对比度颜色与干净排版。
• card 极简卡片，聚焦内容，具有清晰排版与细腻边框。
• chip 单选按钮式选择芯片，具有明确的激活与非激活状态。
• input 干净的文本输入框，圆角边框与平滑的聚焦过渡。
• hero 全屏、沉浸式的英雄区域，以巨大的排版声明为主导。

09

文案语气与禁用清单

• 语气 直接、自信且专业，面向具有设计素养的受众。
• 标题风格 大胆、巨大且排版表现力强，常使用紧凑间距。
• 按钮文案 清晰、行动导向且视觉突出，引导用户进行下一步操作。

• 不要使用多种字重——截图显示仅使用400字重。
• 不要使用多种点缀色——截图显示仅使用单一红色点缀（#FF1841）。
• 不要使用柔和或灰暗的背景色——截图显示的是鲜明、纯黑的背景。
• 不要使用紧凑、密集的间距——截图显示的是充裕的留白和大型排版比例。
• 不要使用复杂、装饰性的UI元素——截图显示的是干净、极简的组件。
• 不要使用厚重的阴影或3D效果——截图显示的是扁平、高对比度的表面。
• 避免: 避免使用过度装饰的字体或过多的色彩方案。
• 避免: 避免密集的段落；使用充裕的间距和清晰的层次结构。
• 避免: 避免使用分散核心内容注意力的复杂动画。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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