Booksread By

一个温暖、安静的图书馆休息室，现代的数字目录摆放在光滑的深色桌面上。

温暖的深色主题，搭配高对比度的橙色点缀。

geometric-sans

• display48px · 600
• h232px · 600
• body16px · 400

标题采用紧凑的字间距以增强视觉冲击力。 · 文字颜色在柔和的白色与柔和的米色之间交替。

基于标准的4px基准，搭配宽松的垂直节奏。

1px solid rgba(245, 239, 232, 0.1)

适用于内容密集型编辑内容的双栏标准布局。

淡入 · 上滑

按钮和链接在悬停时产生细微的亮度或颜色变化。 · 不适用

• button 药丸形状，圆角设计，主按钮使用橙色背景。
• card 用于博客文章和侧边栏小部件的深色、圆角、微妙卡片。
• chip 药丸形状的分类导航芯片。
• input 不适用
• hero 全宽分割布局，左侧为文字，右侧为抽象插画。

• 语气 专业、实用、具有引导性。
• 标题风格 直接且描述性强，聚焦于实用性。
• 按钮文案 清晰且以行动为导向。

• 避免使用鲜艳的霓虹色 —— 截图显示的是温暖的橙色点缀。
• 避免使用沉重的阴影 —— 截图显示的是平面、干净的表面。
• 避免使用衬线字体 —— 截图使用的是几何无衬线字体。
• 避免使用复杂的网格图案 —— 截图使用的是简单、干净的布局。
• 避免使用杂乱的导航 —— 截图显示的是专注、极简的顶部栏。
• 避免使用冷蓝色调的深色模式 —— 截图使用的是温暖的深棕色调。
• 避免: 充斥术语的语言
• 避免: 分散注意力的动画
• 避免: 模糊的承诺