Dyotanya 网站预览
Dyotanya 网站预览

Dyotanya

温暖纸面上的编辑式速写本:超大衬线字体的倾诉,浮在手绘曲线之间。

Dyotanya是一份鲜活的编辑式速写本:温暖米白纸面画布散落手绘细黑线,超大衬线标题混合正体与斜体,形成情感节奏,灰蒙蓝强调像Risograph印刷墨水。界面避免传统高度效果,改用偏移硬边阴影边框(向下并向左5px的纯#333333),使每张卡片和每个按钮像拼贴元素一样贴在页面上。排版承担主要表达,80px Simeiz衬线字体在同一段落中既低语又高喊,Manrope则以远小得多的尺度处理所有功能内容。唯一珊瑚橙链接色和灰蒙蓝边框,是原本无彩色世界中仅有的彩色标点。

查看原始网站

使用规范

建议采用

  • 所有46–80px展示标题采用Simeiz 300和1.0行高,大字号细衬线字体就是网站识别。
  • 胶囊按钮与装饰元素采用3000px圆角,形成有机的胶囊轮廓。
  • 每张卡片添加5px -5px 0px 0px #333333硬边偏移阴影,每个按钮添加4px -4px 0px 0px;这种贴纸面效果就是高度系统。
  • 同一标题中混用Simeiz正体与斜体,以创造情感节奏,例如“as unique as they are”全部采用斜体。
  • #ff8562仅用于行内链接文字,绝不用于背景或边框。
  • 卡片和输入框采用1.5px #81aed9边框;灰蒙蓝是系统唯一装饰性彩色边框。
  • 叠加1.5px #000000手绘SVG曲线,作为文字与卡片元素之间的连接。

建议避免

  • 绝不使用柔和投影、模糊或基于不透明度的高度效果,硬边偏移边框是唯一允许的深度技巧。
  • #ff8562绝不用作按钮背景或边框,它只用于链接文字。
  • 标题或大型展示文字绝不使用Manrope,20px以上一切都属于Simeiz。
  • 交互元素圆角绝不低于20px,系统要求柔和且宽裕的圆润感。
  • 页面背景绝不使用纯白(#ffffff),#f5f5f3是支撑整个系统的温暖纸面。
  • 同一元素绝不使用多种彩色;色板刻意降低饱和度,因此灰蒙蓝边框搭配珊瑚色链接已经是最大色彩负荷。
  • 首屏内容绝不采用僵硬的左侧对齐文字块;布局依靠居中与散落位置混合,形成编辑式气质。