设计哲学 ·
Heritage Modernist
The Digital Calligrapher
我们拒绝冰冷的模板化界面，追求一种"高端编辑式"的视觉体验。如同传统中国山水画讲究"山水"之间的平衡——历史的厚重由磐石般的字体和石灰色调表达，流动的生命力则通过水墨渐变和大量留白传递。四种颜色，四重底蕴，一个村庄的完整色谱。
长城与乡村 -- 四色香屯的灵感之源
Four Colors
四色的由来
Pigments Extracted from Soil, Fruit, and Mineral
传承红
#851217 · Heritage Red
系统的脉搏色。源自辽代冶铁炉火映红山谷的意象——香屯一带的铁矿开采可追溯至辽代（916-1125年），千年炉火为这片四面环山的土地写下第一行文明的注脚。传承红是品牌最高层级的视觉标识，用于关键品牌时刻与核心行动召唤，承载着"红色研学"路线中革命精神的传承。
板栗金
#593d00 · Chestnut Gold
丰收之色。香屯村四周板栗林环绕，秋日漫山金黄。这一暖调用作强调色和"高亮"标记，如同传统书画中的印章——小巧而醒目，点缀在信息的关键节点上。
远山绿
#3b6934 · Mountain Green
自然环境的代言色。四面环山、一水中流的香屯村，山林叠翠是最深刻的底色。远山绿承载着"绿色生态"路线的精神内核，用于表达生长、成功与生态和谐的内容。
玄石墨
#1b1c1c · Stone Ink
基底色。我们从不使用纯黑 #000000——所有"黑色"文字统一采用这一经暖调调和的深灰。它如同年代久远的宣纸底色，赋予界面一种岁月沉淀的质感。配合 #fbf9f8 的"石纸"背景，形成从石到墨的完整灰阶，让内容如同书写在传统宣纸上。
色彩从土地中来
四色香屯的配色方案并非来自色彩理论手册，而是从真实的物理世界中提取：冶铁炉火的赤红、板栗壳的金棕、远山叠翠的墨绿、城砖风化后的深灰。每一个色值都有对应的实体，每一种颜色都能在村庄里找到原型。
这种"在地取色"的方法论确保了品牌与土地的深层绑定 -- 无论在屏幕上还是在山谷里，你看到的是同一套色彩语言。设计不是外来的装饰，而是大地本身的表达。
Principles
设计原则
Where Heritage Meets Modern Craft
不对称编辑式排版
打破"居中对齐一切"的惯性。元素以不均匀的宽裕边距自由"漂浮"，模仿传统卷轴画的布局节奏——正如古人构图，从不追求左右对称，而是在虚实之间创造韵律。
layers"无线"分层法则
禁止使用 1px 边框分割内容。所有层次边界通过背景色差实现——如同层叠的宣纸，每一层用微妙的色调差异定义自身的重要性。深浅交替，而非线条围隔。
高对比度字体配对
Newsreader（衬线体）承载历史叙事的重量，如碑文铭刻般权威；Manrope（无衬线体）处理功能性信息，确保品牌虽然"旧世界"，阅读体验却是"新世界"。大尺寸衬线标题与小号无衬线标签之间的极端反差，创造编辑杂志般的视觉张力。
环境光阴影
传统投射阴影对这个系统来说过于沉重。我们使用 24-32px 模糊、4% 透明度的"环境光"阴影，阴影颜色取自主题色调而非纯黑——如同自然光透过窗棂在宣纸上留下的柔和光影。每个浮动元素都像是被一盏隐形的灯笼从上方温柔照亮。
传统建筑中的比例与韵律，是 Heritage Modernist 风格的灵感来源
数字书法家
"四色香屯"的创意北极星是数字书法家。这个意象将传统与现代融为一体：我们用像素代替笔墨，用交互代替纸卷，但追求的始终是同一种境界——在"山"的厚重与"水"的灵动之间找到完美的平衡。
我们用纸质纹理（paper-texture）作为每一页的底色，用丝绸般的光泽覆层（）赋予页面一层隐约的绸缎质感。水墨渐变从传承红流向主题深红，模拟墨汁在湿润宣纸上洇开的痕迹。所有这些微妙的视觉层次叠加在一起，让每一屏都成为一幅值得细读的"数字画卷"。
In Practice
设计实践
From Philosophy to Pixel
影像处理原则
所有摄影素材统一降低饱和度 15%，叠加 paper-texture 纹理层，使照片呈现类似老照片的温暖质感。避免过于鲜艳的后期调色 -- 长城和乡村的美，不需要滤镜来夸张。
动效克制哲学
动画时长控制在 0.3-0.8 秒之间，缓动曲线统一使用 cubic-bezier(0.16, 1, 0.3, 1) -- 一种带有"书法收笔"节奏感的减速曲线。拒绝弹跳、闪烁等过度活泼的动效，让每一次滚动都像展开一幅画卷。
响应式留白策略
移动端保留最低 16px 内边距，桌面端扩展到 48px 以上。留白不是浪费空间，而是"呼吸" -- 就像山水画中"计白当黑"的空间哲学，留白本身就是内容的一部分。