14 / 15

报刊排版

报纸头版:大报头、分栏、细线和首字下沉。有故事感、可信、经典耐看。

  • 媒体与博客
  • 老字号品牌
  • 有故事的餐厅
全屏预览 (在新标签页打开)

示例商家均为虚构。

AI 提示词

把我的页面改成「报刊头版」风格:有故事感、可信、经典耐看,像一份大开本报纸。 配色:背景 #F4EFE4(新闻纸),面板 #FBF8F1,正文 #1A1A1A,次要文字 #555049;一个强调色 #9E1B1B(深红)用在小标签、主按钮和价格。 字体:报头和标题用 Playfair Display 特粗 900,行高 0.95;副标题用斜体。正文用 Libre Caslon Text 15–16px、行高 1.65,宽屏时两端对齐并开启断字。第一段用大号首字下沉。中文标题用思源宋体(900),正文用思源宋体;中文不要用斜体,也不要收紧字距。 布局:居中报头,日期和期号放在双线之间(3px + 1px);内容分成 2–3 栏,栏之间用 1px 竖线;一篇头条配大标题,每个产品或服务是一篇较小的“文章”,图片用半色调网点印刷效果(网点图层与灰度图片相乘,再用 filter: contrast() 做阈值),下方有图说;栏目链接做成两道线之间的日期栏。 组件:所有圆角为 0,用线条分隔而不是盒子。按钮是 1px 墨色描边的矩形,文字用小型大写;主按钮填满墨色。“独家”“今日”这类标签做成实心红底的小字。 动效:极少:日期或标题用翻页牌效果,一句话加马克笔高亮,顶部阅读进度条。 避免:圆角、渐变、无衬线标题、鲜艳颜色、卡片阴影。

投稿创意

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

你想投稿的是?

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