第十四式
Style · 14 / 15 · Chinese Modern
设计之道
在守正出新。
墨色 + 朱红 + 宣纸 + 印章 + 竖排标题·新中式视觉系统。中国 B 端品牌 / 茶饮 / 国风文创 / 文化机构主页·让"中文本身"成为视觉骨架。
设 计 之 道
守正出新
印
一
风格基因 · 何处可用
Section C · DNA合 FIT
- 中国 B 端品牌 / 公司主页
- 茶饮 / 国风餐饮
- 文创 / 文化机构
- 非遗 / 工艺 / 出版
- 中医 / 中式生活方式
不合 UNFIT
- SaaS 数据 dashboard
- Gen Z / 童趣品牌
- 工程控制台
- 跨国大厂消费品 App
关键词
新中式墨色朱红宣纸印章竖排大留白
二
工艺四式 · 字 · 色 · 距 · 形
Section D · Craft调色 · 五色第一式
宣纸米为底·墨黑为正文·朱红为印为重·墨绿 jade为静·暗金为饰。**禁用 vibrant / pastel**。
#FDFAF3
#F7F1E3
#E8DEC9
#A8A397
#3A3A3A
#1A1A1A
#C8302D
#2D4A3E
字体 · 中正第二式
主Noto Serif SC 900·副 FangSong·**横排留呼吸·竖排见格调**·所有标题 letter-spacing 0.06-0.4em。
标题
守 正 出 新
正文
Noto Serif SC 400 · 阅读舒适
辅助
Inter / JetBrains Mono · 仅做数据
间距 · 留白第三式
大留白是新中式的灵魂·章节间 144px·块间 72px·**让墨色有"宣纸渗透"的呼吸**。
形制 · 法度第四式
- 壹border-radius 0 · 全方正
- 贰1.5-3px border · 墨色 / 朱红
- 叁朱红印章 76-80px · 旋转 ±3°
- 肆双层 border · 内 1px 朱红 + 外墨
- 伍writing-mode vertical-rl + letter-spacing
- 陆3px 双线 footer · 双轨墨红
三
三式对话 · 与 CC 言
Section E · Dialogue
正
按 chinese-modern 风格做这个茶饮 landing / 文化机构主页 / 公司中文版
变
走 chinese-modern + 竖排再深 / 朱红换青绿 / 印章放大 / 加雕版纹理
合
主框 chinese-modern + 局部 editorial-magazine 的两栏正文
CC 收到此式 ·
auto-loads
frontend-design + chinese-aesthetic reference · 按四式工艺实现·**不会冒出**·圆角 / 软阴影 / vibrant / pastel / Helvetica geometric — 此皆新中式所不为。
四
组件示例 · 印 · 竖 · 墨
Section F · Components朱红印章群
印
章
玺
朱红 / 暗金 / 墨绿 三色印 · 旋转 ±3°
竖排标题
设 计 之 道
2026
守 正 出 新
writing-mode vertical-rl · letter-spacing 0.4em
墨色装饰
道·器
墨线 + 朱红点 + 大字 · 三段构图
按钮
卡片
今 月 营 收
¥ 28,492
↑ 较上月 +12.4%
标题
守 · 正
出 · 新
出 · 新
SINCE · 2024
五
同道之器 · 可联用 skill
Section G · Related
六
相似之式 · 看完也许你还想看
Section I · SimilarAn editorial magazine layout with serif typography and elegant column composition rooted in print design heritage.
杂志编辑
editorial-magazine
同为serif + editorial + 大留白·区别·英文 Newsreader + 两栏 + drop cap vs 中文 Noto Serif + 竖排 + 印章
♥ Made
by hand
手写 organic
organic-handwritten
同为纸张暖色 + 印章 / sticker + 慢节奏·区别·土陶橙 + 手写 imperfect vs 宣纸米 + 中正法度
AGENCY
→ Get in touch
高端代理
high-end-agency
同为refined + 大字 serif + 黑白基调·区别·英文 Fraunces + 国际化顾问 vs 中文 Noto Serif + 国风文化