B Line It

高端家具设计目录。

以黑白为主导的极简高对比度调色板，搭配标志性的深蓝色点缀。

grotesque-sans · monospaced

• display58px · 700
• body14px · 400
• caption12px · 400

导航链接使用大写字母。 · 展示标题保持负字距。 · 维持粗体标题与浅色正文之间的清晰层级。

基于标准4px网格，关键元素周围保持充裕留白。

1px solid rgba(255, 255, 255, 0.08)

rgba(0, 0, 0, 0.15) 0px 8px 48px 0px

用于目录布局的多栏网格。

平滑的透明度过渡。 · 微妙的背景色变化。 · 交互元素的变换动画。

微妙的色彩变化或缩放变换。 · 通过视觉状态变化提供即时反馈。

• button 圆角、高对比度按钮，文字清晰。
• card 极简产品卡片，搭配强化排版。
• chip 小巧的圆角分类标签。
• input 简洁、带边框的输入框。
• hero 全幅、醒目的主视觉区，采用粗体排版并包含一个3D目录书模型。

• 语气 专业、权威且极简。
• 标题风格 粗体、大写且略带压缩感。
• 按钮文案 清晰、行动导向且高度易读。

• 不要使用装饰性字体——截图显示严格使用无衬线字体排版。
• 不要使用多彩调色板——截图显示以黑/白/蓝为主导的配色方案。
• 不要使用带厚重阴影的圆角卡片——截图显示平面感、阴影最小化的界面。
• 不要使用居中对齐的正文——截图显示左对齐的文本块。
• 不要使用小而拥挤的按钮——截图显示宽敞、圆角、内边距清晰的按钮。
• 不要使用复杂、层叠的背景——截图显示纯黑或纯白背景。
• 避免: 避免使用多种字体族。
• 避免: 避免使用装饰性或手写字体。
• 避免: 避免布局过于繁杂。
• 避免: 避免低对比度文本。
• 避免: 避免按钮样式不一致。
• 避免: 避免过度使用投影效果。