Design
网站建设风格Design
东方宗族美学 · 克制高级 · 反 AI 化。一套为宗亲会量身的视觉语言：以族谱树与关系网为主元素，大留白、金色细线，庄重而不喧哗。Eastern clan aesthetics — restrained, refined, anti-AI. A visual language built around the genealogy tree and the relationship graph: ample whitespace, fine gold lines, dignified and quiet.
A · Palette
色板 · 六色定调A six-color palette
墨黑作骨，朱红点睛，鎏金描边，宣纸为底。每屏以一主一辅为限，绝不堆色。Ink for structure, vermilion for accent, gilt for line, paper for ground. One primary plus one secondary per screen — never a pile of color.
B · Type & Layout
字体与版式Type & layout
标题用宋体（Noto Serif SC），笔锋里有书法感与传承气；正文用黑体，清晰耐读。版式靠大留白与金色细线呼吸，族谱树与关系网是当然的视觉主元素。Headlines in a serif (Noto Serif SC) carry calligraphic weight and lineage; body text in a clean sans. Layout breathes through whitespace and fine gold rules, with the genealogy tree and graph as the natural lead motifs.
- 壹大留白Ample whitespace
区块之间留足空间，让内容自有分量。Space between blocks lets content carry weight.
- 贰金色细线Fine gold lines
以细线分隔与点缀，替代色块堆叠。Thin lines divide and accent instead of color blocks.
- 叁族谱树 / 关系网Tree & graph
视觉主元素，串起情感与生意两条线。The lead motifs, tying emotion to business.
C · The No-list
反 AI 化 · 禁止清单Anti-AI · the no-list
越克制越高级。以下这些「一眼就 AI」的做法，本站一律不用。Restraint reads as refinement. These tell-tale "AI looks" are off the table.
- ✗霓虹与发光过度Neon & over-glow
不用荧光描边、外发光、霓虹氛围。No fluorescent strokes or neon haze.
- ✗3D 渲染 / 科幻全息3D renders & sci-fi holograms
不用塑料质感 3D、全息投影感。No plastic 3D or holographic gimmicks.
- ✗渐变色块Gradient blobs
不用大面积彩色渐变与流体光斑。No sprawling color gradients or fluid blobs.
- ✗剪贴画 / 卡通插画Clip-art & cartoons
不用矢量卡通小人与套图插画。No stock cartoon figures or canned illustrations.
- ✗大红大金 · 喜庆俗气Loud red-and-gold kitsch
朱红鎏金只作点缀，不做满屏喜庆。Vermilion and gilt accent only — no festive overload.
- ✗每屏多色Many colors per screen
一屏限一主一辅，用卡片与列表组织。One primary plus one secondary; organize with cards and lists.
- ✗动效喧哗Noisy motion
动效只做轻揭示与缓入，不做夸张弹跳。Motion is gentle reveal and ease-in — never bouncy spectacle.
- ✗模板感栅格Template-y grids
不堆标准化模板，版式随内容呼吸。No cookie-cutter templates; layout breathes with content.
D · What we deliver
我们交付什么样的站The site we deliver
设计 · 克制版式Restrained layout
数字族谱Digital genealogy
关系图谱The graph纯静态、中英双语，加载轻快、长存可读。对外脱敏页与内部加密台双站隔离：公开页只见骨架与价值，宗亲明细留在内部台。Pure-static and bilingual — light to load and built to last. A public, de-identified site and an internal, encrypted console run as two isolated sites: the public page shows only structure and value; member detail stays inside.
内容随知识库实时更新：访谈、聚会、资源节点一旦归档，站点对应内容即同步生长，不必另行维护。Content updates from the knowledge base in step: once interviews, gatherings and resource nodes are archived, the matching pages grow with them — no separate upkeep.
E · Site map
站点结构 · 十条主线Site map · ten sections
首屏定位 + 预约
Hero positioning + booking
一句话讲清「为一个姓氏建一张活的全球网络」。State the promise in one line.
宗亲会现状
Where clan associations stand
有血缘而往来未更新，资源未连成网。Ties un-updated, resources un-pooled.
三层架构
Three-layer model
溯源 · 资源节点 · AI 撮合。Trace · nodes · matching.
系统优势
System advantages
从「族谱展示」到「宗亲撮合网络」。From display to a matching network.
建站风格
Design language
即本页：东方宗族美学与禁止清单。This page: aesthetics and the no-list.
宗亲关系图谱
The relationship graph
血缘与生意两条线交织的可视化。Kinship and business, visualized.
报价
Pricing
建设费 + 年度平台费 + 撮合分成。Setup + annual + commission.
愿景 / 案例
Vision & cases
一个姓氏，一张全球商网。One surname, one global network.
关于我们
About us
现成系统、跨境撮合经验、可快速复制。A working system, ready to replicate.
行动召唤
Call to action
预约一场演示，把信任接上系统。Book a demo and connect the trust.
部署 · Cloudflare → Traefik → nginx 容器，与既有静态站脚手架一致：纯静态产物经 Cloudflare 入口，Traefik 路由至 nginx 容器对外服务，对外脱敏页与内部加密台分站部署。Deployment · Cloudflare → Traefik → nginx container, consistent with the existing static-site scaffold: static output enters via Cloudflare, Traefik routes to an nginx container; the public page and the internal console deploy as separate sites.
Next
风格已定
接下来谈落地The look is set.
Now let's build it.
看完风格，下一步看报价与节奏，或直接预约一场演示。With the style in hand, see the pricing and cadence — or book a demo.