云希茶馆——为茶馆与茶空间行业从零设计的主题。 设计语言「茶汤宣纸」：宣纸米白底、浓茶褐正文、青瓷绿点缀、赭石朱砂印章；宋体大标题配楷体竖排点缀，以茶汤圆、节气时间轴、茶印为装饰母题。 信息架构：首页一页式七段（门头/节气茶单横向时间轴/在席茶款卡/茶馆小史/雅集日程表/茶友记/到访深色带）；列表三版式（茶单编号条目、节气记时间线、茶语录引用卡）；文章页居中茶书式排版（首字下沉、茶则条、茶签标签、茶票上下篇）；搜索结果页带侧栏；404「这壶茶还没上」。 导航一律由后台模块管理的 {module:navbar} 单一出口控制。

视频演示：【国风茶馆网页设计｜云希茶馆 节气茶单页面演示】 

云希茶馆主题上线：一间茶馆的样子，一次摆明白

不少开茶馆、茶空间的朋友想给自己弄一个网页，翻来翻去，不是太像公告板，就是太像仓库——茶单、雅集、店里的事堆成一坨，客人看一眼就退了出去。我们想要的效果很简单：推开这扇门，先看见一盏茶，再看见一家店。所以有了这套主题。

进门先看见什么

打开首页，最先看到的不是一段文字，而是一处门头：左边一列竖着写的店名，像挂在檐下的匾；右边大标题压上来，配一句松松的茶话，底下一个圆钮，写着「看看节气茶单」，点一下就往下走。

往下是第一样东西：一条横着的节气茶单。春夏秋冬四段，每段三个节气，节气用一颗颗小圆点串起来，今天正当时的那个节气会亮起来，还别着一枚小小的「今」字。每个节气底下写着这个时节喝什么——立春配晒青绿，霜降配陈年熟普，像一张跟着日子翻页的推荐单。再往下是在席的茶款，一张张卡排开：茶名、产地、发酵、香型、水温、价钱，第二张翻做深色，压一枚「主推」的小签。然后是茶馆的小史，两段文字配三个数字——开了几年、常备多少款茶、办过多少场雅集，旁边一张茶室的照片。接着是雅集日程，一张干干净净的表：几月几号、什么主题、几席、收不收费。最后是茶友记，三篇文章安安静静等着，深色带到访信息收尾。一整页逛下来，像把一家茶馆从门口到里间走了一遍。

同一批内容，三种摆法

店里不同的内容，适合不同的摆法，这套页面给了三种，随你切换。第一种叫「茶单」：文章排成一条条编号的条目，大序号、标题、日期、摘要，像一沓菜单，规整，适合上新品、发通知。第二种叫「节气记」：左边一个日子块，右边一段话，日子块后面衬一枚茶汤色的圆，像盖在日历上的印，适合写日记、写回顾。第三种叫「茶语录」：文章缩成一张张带大引号的卡片，两句观点配一个标题，适合放短句子、金句和每周一句。

同一批文章，摆出三种脾气——这个月想清爽，下个月想沉静，换一下就好。

点开一篇文章之后

文章页是照着一页茶书的样子排的：标题左对齐，底下一条「茶则」，写着作者、日期和翻阅次数；正文收在一窄条里，第一段第一个字放大下沉，像旧书里的首字；小标题前面点一枚青瓷色的小圆点；引起来的话用楷体，安安静静靠在一边。读到底，有茶签一样的标签、三篇「顺手再读」，末尾两张茶票似的卡片，一张回上一回，一张去下一回。

手机上也是全套的

节气茶单可以横着划，雅集表折成一张张小卡，导航收成一个小按钮。等车、沙发上、睡前，单手都能逛。

谁适合用

茶馆、茶空间、茶艺工作室自不必说；卖茶具、茶叶的小店，想摆摆货讲讲茶；喜欢中式气质的书房、香铺、琴室，也压得住。一套页面，把「慢」这件事先做在了前头。

剩下的，交给看到它的人。