Daniela and Moe Wedding 2019 网站预览
Daniela and Moe Wedding 2019 网站预览

Daniela and Moe Wedding 2019

白色基底、衬线字形与网格布局。

页面以白色为基底,搭配深蓝色文字。字体采用 Canela Web、Calibre。视觉特点包括衬线字形、网格布局、单栏阅读排版、手绘图形。适合参考的场景:产品介绍页、品牌展示页。

查看原始网站

使用规范

建议采用

  • 所有按钮、标签及胶囊形元素均使用200px边距半径——胶囊形是系统中唯一的形状语言
  • 所有Calibre文本(尤其是标签、导航栏和小写大写字母)均采用0.2em字间距
  • 首屏区域名称展示使用Canela Web 100字重,字号120px——超轻衬线体是标志性字体
  • 页面背景设为淡粉底布(#fef1ec)——任何区块背景绝不可使用纯白色
  • 所有文本使用#11223f——绝不可将正文默认设为#000000
  • 让植物插画自然溢出页面边缘——若用矩形框限制,设计将失去手绘感
  • 卡片保持无边框、无阴影——深度来自白底与淡粉底的对比,而非立体阴影

建议避免

  • 不要使用粗体字重(600及以上)用于标题——系统整体采用100-400字重的轻声细语风格
  • 互动元素不要使用锐角——按钮和标签的胶囊形200px半径是强制要求
  • 不要在任何位置添加投影或盒阴影——扁平美学是刻意的选择。
  • 正文文本不要使用#000000——必须使用#11223f(深海军蓝)以营造温暖感
  • 互动操作不要使用多个暖色点缀——仅允许使用珊瑚红(#ff5734)作为唯一暖色
  • 长段落不要居中对齐——正文文本最大宽度约为600px,需在居中的容器内左对齐
  • 显示文本不要使用系统字体或无衬线字体——首屏区域和节标题必须使用Canela Web(或高质量衬线体替代字体)