用途：247420 是面向网页界面的视觉范式，供设计页面与 UI 组件时统一字体、颜色、圆角、间距和语义指示规则。资料定位为“视觉范式”，一次读完即可应用。
主要能力：提供令牌体系。字体上，Nunito 用于正文与控件，Archivo Black 用于大标题，JetBrains Mono 仅用于代码、kbd 和数字排行。颜色方面有纸张色与墨色、浅色面板阶梯（panel-0 至 panel-3、hover、select）以及分类色板（green/purple/mascot/sun/flame/sky）和状态色（live/warn/link）。深色模式将面板阶梯翻转为暖中性灰，同色相在深色上更亮，要求两种模式都验证。
四个基础原语：Rail 为块级元素起始侧 4px 色调条，类名 .rail / .rail-green 等；Dot 为 8px 色点，如 .dot.live；Panel 为柔和色调面板，圆角 20px，无边框无阴影，靠间隙分隔；Row 高 36–44px，使用色调切换表示 hover 与激活。分类通过色条、色点和 chip 三种信号同色相组合表达。
排版与间距：正文 14–15px，行高 1.55；lede 最大宽度 60ch；h1、h2、h3 各有规定字号与颜色；代码 12.5–13px 等宽字体。间距基于 4px 刻度（4/8/12/16/24/32/48/64）。
硬性规则：禁用渐变、投影和布局用边框；chrome 不用全大写；每页最多一个酸性强调色；不使用 <b> 标签；主表面不使用 system-ui；hover 仅做双色切换，不位移、不缩放、不淡影。
使用方式：资料给出与 flatspace 无打包项目集成的示例，主题在 <head> 引入 unpkg 上的 CSS 与 JS，通过 importmap 导入并调用 mount，YAML 页面数据传入组件；CI 用 GitHub Actions 执行 npx --yes flatspace@latest build 并部署 dist/。技术栈明确禁止 React/Vue/Svelte/Next/Nuxt，不建 CDN 运行时，字体等资源须 vendored。
适用场景：需要对页面、组件、列表、文档、博客、幻灯片等统一视觉语言的前端项目，示例仓库含多种 ui_kits 与预览页。
限制：这是一套规范而非普适组件库，具体组件与集成细节依赖用户自身技术栈；部分内容（如完整组件接口、其它框架适配）资料未展开。