arte* 网站预览
arte* 网站预览

arte*

黄金时刻的收获季编辑设计:奶油色画布上,斑驳日光中的森林照片与超大圆润展示文字相遇,配以电光黄绿色标志和暖铜色文字,像印刷在纸上,而非屏幕渲染。

arte* 是一套阳光下收获季的编辑设计:暖奶油色画布 #e5dccd 上,Parafina 承担超大展示标题。这是一款柔和、略带复古感的圆润无衬线字体,采用 70–173px 的极大字号,并将行高压缩至接近 0.8–0.9;Poppins 则以紧凑的 1.4 行高承担所有次要文案。配色来自农场与花园:偏焦色的收获铜色 #ab5700 用于主要文字,醒目的黄绿色 #e8e359 用于标志和首屏叠加文字,长春花色 #7997ff 则作为行内强调的冷色平衡。图像是系统另一半,由森林、食物和人物的黄金时刻摄影铺满画面,与展示文字叠放,而非彼此分离。组件数量少而柔和,按钮采用 31px 胶囊圆角,卡片为 20px,搭配细线边框,几乎不使用阴影。整体像一本数字化的印刷食谱或农夫市集海报:自信的展示文字、大地色调与一种电光黄色强调;品牌名称末尾的星号,也暗示俏皮的编辑式小恶作剧。

查看原始网站

使用规范

建议采用

  • 所有展示文字和标题都使用 Parafina,或替代字体 Bricolage Grotesque,字重为 500;既不高于 500,也不低于 500。单一字重处理是标志性特征。
  • 首屏叠加文字使用 Citron Beam #e8e359,直接置于满幅自然摄影上。黄绿色与森林绿的对比,是品牌最容易识别的视觉场景。
  • 展示文字的行高设为 0.80–0.90。紧压的行高不可缺少;不要用 1.2+ 行高让展示标题变得疏朗。
  • Harvest Copper 正文中的行内文字强调使用 Morning Glory #7997ff。强调来自颜色,而非字重或样式变化。
  • 所有正文和列表文字默认使用 Harvest Copper #ab5700。这是品牌的墨色,而不是黑色或灰色。
  • 所有交互元素,包括按钮、链接和菜单触发器,都使用 31px 圆角,不是 9999px,也不是 8px。31px 的柔和胶囊形就是系统圆角。
  • 满幅编辑摄影作为表面层,并将展示文字直接叠加其上。不要在照片上再放一个承载文字的方框。

建议避免

  • 标题不要使用 Arial、Helvetica 或任何系统字体。极大字号的 Parafina 是品牌主要身份。
  • 正文不要使用黑色 #000000 或深灰色。Harvest Copper #ab5700 才是默认墨色。
  • 卡片或按钮不要添加投影、模糊或悬浮效果。纵深来自摄影与留白,而非阴影。
  • 内容不要采用紧密的 12 列卡片网格。编辑区块应以单列区块和大型展示文字自然流动。
  • Parafina 的字重不要超过 500,不加粗,也不使用极黑字重。展示文字始终只有一种字重。
  • 页面背景不要使用蓝色或灰色。Wheat Cream #e5dccd 是唯一画布。
  • 首屏摄影不要添加渐变叠层、暗角效果或文字背景方框。Citron Beam 文字直接置于图像上。