Pangram Pangram

一家展示字体艺术的高端精品画廊。

使用鲜明、高对比度的单色画布，配合单一高饱和度橙色点缀，以吸引对状态和行动号召的注意力。

grotesque-sans · humanist-sans · monospace

• display102px · 800
• heading36px · 600
• body14px · 400
• small12px · 500

标题使用极窄的行高，以形成致密的排版块。 · 正文保持高度可读性，采用宽松的行高。 · 字体粗细被策略性地用于区分层级，而不仅仅依赖字号大小。

基于一致的4px网格，卡片内部使用宽松的内边距，相邻元素之间则采用紧凑的间距。

极简处理；主要依赖背景对比和宽松的内边距，而非描边。

全宽的图像主视觉卡片垂直堆叠，其后是居中的内容块和一个水平滚动的品牌展示行。

按钮上平滑的背景色和颜色过渡。 · 交互元素上标准的变换和不透明度变化。

交互元素上细微的颜色或背景色变化，并采用平滑的缓动效果。 · 标准的光标状态并提供指针反馈。

• button 药丸形的幽灵按钮，带有1px边框、最小内边距和悬停过渡效果。
• card 大型、全宽的圆角卡片（border-radius: 20px），展示摄影图像并叠加排版文字。
• chip 小型、实心药丸形徽章（例如“New”、“Update”），用作状态指示器。
• input 极简的无边框搜索和文本输入框，与背景融为一体。
• hero 沉浸式的、以摄影为驱动的主视觉区域，字体本身即是焦点。

• 语气 自信、直接、权威，并富有创意锋芒。
• 标题风格 简短、有力、高度视觉化，使用巨大的排版尺度。
• 按钮文案 清晰且以行动为导向，通常以探索或试用的选择形式呈现。

• 不要在卡片上使用厚重的投影——截图显示的是扁平、由背景营造的深度感。
• 不要应用繁杂的背景图案——截图显示的是干净的白色或纯黑色背景。
• 不要使用传统的矩形按钮——截图显示的是药丸形的幽灵按钮。
• 不要使用小而拥挤的字体排版——截图显示的是巨大的展示文字。
• 不要使用多种多样的点缀色——截图显示的是单一的、占主导的橙色点缀。
• 不要在主要容器上使用尖锐的方形圆角——截图显示的是统一的20px圆角。
• 避免: 避免使用过于正式或企业化的语言。
• 避免: 避免在界面上添加不必要的边框或装饰元素。
• 避免: 避免使用会与排版竞争的通用图库图片。

历史提取与模型分析 · 尚未逐项校验