03 / 15

日系留白

宣纸般的白、纤细的明朝体和大量留白。温柔、细致、从容。

  • 诊所与美容
  • 茶饮与护肤
  • 身心健康
全屏预览 (在新标签页打开)

示例商家均为虚构。

AI 提示词

把我的页面改成「日系留白」风格:温柔、细致、从容,把留白当作设计的一部分。 配色:背景 #F7F5F0(宣纸色),表面 #FFFFFF,正文 #2B2B2B,次要文字 #6E6A64;一个低饱和抹茶绿强调色 #6F8160;细线 #E4E0D8。 字体:标题用 Shippori Mincho,常规或中等字重(不要粗体),字距 0.02em,行高 1.3。正文用 Zen Kaku Gothic New 14–15px,行高 1.9。小标签用字距很宽(0.25em)的大写英文或简短短语。中文标题用思源宋体(500),正文用思源黑体;中文不要用斜体,也不要收紧字距。 布局:至少 40% 留白。文字栏窄,内容靠一侧对齐;首屏只用一个圆相笔触,笔画像墨迹一样有浓淡变化。小标签竖排放在标题旁(writing-mode: vertical-rl),logo 用一枚小小的朱红印章 #B5473A,项目编号用汉字数字(一、二、三)。区块之间用空白分隔,而不是线条。 组件:圆角最多 2px,1px 细边框,无阴影。按钮是细线描边矩形,主按钮填抹茶绿。价格和细节字号小而安静。 动效:慢速淡入,文字轻微从模糊变清晰(600–800ms),图片极轻微地漂移。 避免:鲜艳颜色、粗重字体、拥挤的网格、到处都是图标、弹跳动画。

投稿创意

看到想收录的动效或主题?简单描述一下,会打开一个预先填好的 GitHub Issue,确认后即可提交。

你想投稿的是?

需要 GitHub 账号,投稿内容会公开。