DESIGN.md — LANDSLIDE Introduction Page
核心意象 ：一张精密的"社区技术规格说明书"——像产品标签一样严谨，像工程蓝图一样有序，但承载的是一个开放、狂野的开源社区灵魂。关键词 ：precision / ordered / information density / systematic / technical / clean hierarchy / open source / experimental场景叙述 ：晨光透过无尘车间的玻璃，照在一张贴在服务器机架上的技术铭牌——上面密密麻麻地印着序列号、坐标、规格参数和认证标志。这张铭牌不属于任何产品，它属于一个社区。
布局 ：严格的网格系统，模块之间用细线分隔，每个模块有编号（001, 002...）和坐标标注图形语言 ：条形码、二维码、坐标网格、十字准星、细线连接、小圆点装饰、尺寸标注线装饰元素 ：序列号（LS-2024-001）、版本号（v1.0.0）、日期戳、技术标签（STATUS: OPEN / TYPE: COMMUNITY）微排版条带 ：每个模块前有一条 micro-strip，包含 SEC 编号、小圆点、虚线分隔、坐标参考侧边标尺 ：顶部有 X 坐标刻度条，标注像素位置网格叠加 ：页面背景叠加 40px 主网格 + 8px 子网格（极低透明度），营造蓝图感做旧效果 ：关键文字（编号、标题）通过 SVG feTurbulence + feDisplacementMap 滤镜实现粗糙边缘噪点纹理 ：全局覆盖 2.5% 透明度的噪点层，模拟印刷质感；CTA 区域噪点 6%
主色 ：纯黑 #000000（文字、线条、边框）背景 ：纯白 #FFFFFF（或极浅灰 #FAFAFA）强调色 ：深灰 #333333（次要文字）、中灰 #666666（标注文字）、浅灰 #CCCCCC（网格线、分隔线）意象来源 ：产品铭牌的黑白印刷、工程图纸的墨线、实验室标签的简洁
主字体 ：JetBrains Mono / SF Mono / Menlo / Consolas（等宽字体，用于编号、坐标、技术标签）标题字体 ：Inter / Helvetica Neue / Arial（无衬线，用于大标题，加粗）正文 ：Inter / system-ui（无衬线，用于描述文字）排版节奏 ：大标题极大（48px+），正文极小（11-13px），形成强烈对比；密集的小字标注营造信息密度感做旧字体效果 ：编号、模块标题等关键文字使用 SVG 滤镜（feTurbulence + feDisplacementMap）模拟手工印刷的粗糙边缘、噪点和小锯齿，类似 Hand Printing Press Meshed / Fette Steinschrift 的质感，但保持小字号密集排版，不做成大字报letterpress 效果 ：部分文字使用多层微小 text-shadow 模拟活字印刷的凹凸感
运动性格 ：克制、精准。悬停时模块边框微微加粗，链接文字下划线出现缓动曲线 ：cubic-bezier(0.4, 0, 0.2, 1) — 快速启动，平滑减速滚动 ：无视差，保持技术文档的冷静感
不要 使用渐变色、发光效果、阴影——这不是"科技感"，这是"技术精密感"不要 使用彩色图标或emoji作为主要视觉元素不要 使用圆角卡片、毛玻璃效果——保持锐利的直角和清晰的边界不要 使用大段留白——信息密度是核心，每个区域都要有内容不要 使用装饰性图片——所有视觉元素都应该是功能性的（网格、编号、线条）
2026-08-23：Micrographic 增强（真实可扫描元素替代装饰性模拟）：
手写 CSS 假条码 → JsBarcode 真实 CODE128（hero 编码 LS-2024-001-REV1.0.0；footer 编码组织 URL）
新增 qr-creator QR（CTA，扫描直达 GitHub 组织）
hero 规格表新增 DataMatrix 装饰点阵 + 条码块
hero 描述下方新增 7px 微印刷免责声明（microprint）
CTA 新增警示标（FRAGILE — IDEAS INSIDE）+ 圆形印章（APPROVED / OPEN SOURCE / NO GATEKEEPING）
顶部标尺增加 8px 子刻度
You can’t perform that action at this time.