01 / 15

暖色杂志风

米白纸张、柔和衬线体和一抹赤陶橙。安静、有手作感、低调高级,像一本好看的独立杂志。

  • 咖啡店与烘焙坊
  • 工作室
  • 个人品牌
全屏预览 (在新标签页打开)

示例商家均为虚构。

AI 提示词

把我的页面改成「暖色杂志风」:安静、有手作感、低调高级,像一本独立杂志。 配色:背景 #F2EEE6(米白纸张),卡片 #FBF8F2,正文 #1C1A18,次要文字 #6B645B;只用一个强调色 #C4702C(赤陶橙),只用在主按钮、价格和少量重点;装饰形状用柔和底色 #E8D9C4;细分隔线用 #D9D1C3。 字体:标题用 Fraunces(半粗、略带圆润,字距 -0.02em,行高 1.02),正文用 Hanken Grotesk 15–16px、行高 1.6。小标签用大写英文、字距 0.12em、强调色。中文标题用思源宋体,正文用思源黑体;中文不要用斜体,也不要收紧字距。 布局:大量留白;导航像杂志刊头,下方一条墨色细线;首屏两栏(左边文字,右边一张竖幅裁切照片,下方细线配一行小号斜体图注「Fig. 1」);内容放在 12 栏网格上,区块之间用 1px 细线分隔,不用厚重的盒子。 组件:卡片和按钮圆角 14px,平面无阴影;主按钮实心赤陶橙配米白字,次按钮用墨色描边。卡片编号用大号衬线数字,卡片之间用细竖线分栏。顾客评价做成大号衬线斜体引言,左侧一道 3px 赤陶橙竖线。 动效:慢而安静。标题逐行上浮,一句关键词下方出现马克笔划过的高亮,过渡 400ms ease-out。 避免:渐变、霓虹色、超过一个强调色、全大写标题。

投稿创意

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

你想投稿的是?

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