Fable

一个充满活力的现代数字书店和阅读俱乐部。

深森林绿作为主画布，为多彩的书籍封面和温暖的橙色点缀营造出丰富、沉浸的背景。

transitional-serif · humanist-sans

• display64px · 500
• body18px · 400
• nav16px · 500

展示型文字在深绿底色上使用高对比度的白色。 · 正文使用干净的无衬线字体，保持良好的可读性。 · 标题醒目且字间距紧凑。

主视觉元素周围和导航项之间留有充裕的内边距。

主要元素无明显边框；依靠色彩对比。

0 4px 12px rgba(0,0,0,0.15)

全宽主视觉区域，文字左对齐，插画右对齐，后接一个水平滚动的书籍封面网格。

按钮上的平滑悬停过渡效果。 · 书籍网格可能采用水平滚动。

交互元素上细微的色彩变化或不透明度改变。 · 按钮即时响应。

• button 胶囊形主按钮，白色背景，深色文字。
• card 垂直书籍封面以网格形式展示，无可见卡片背景。
• input Cookie 同意横幅，包含轮廓和填充按钮。
• hero 深绿色背景上的大型插画与文字叠加。

• 语气 温暖、温馨且注重社区。
• 标题风格 直接而富有感召力，使用经典的衬线字体。
• 按钮文案 清晰且导向行动（如‘获取应用’）。

• 不要使用浅色背景——截图显示的是深绿色背景。
• 不要为标题使用无衬线字体——截图为主标题使用了醒目的衬线字体。
• 不要使用小号、低对比度的文字——截图使用了大号、高对比度的白色文字以确保可读性。
• 不要为书籍展示使用带间距的复杂网格——截图显示的是紧密排列、相互接触的书籍封面。
• 不要使用生硬、极简的美学风格——截图采用了温暖的插画和丰富的色彩。
• 不要使用尖锐、方正的按钮——截图的主行动按钮是胶囊形的。
• 避免: 过于企业化或技术化。
• 避免: 使用冰冷、极简的语调。
• 避免: 用过多元素使界面显得杂乱。