主题配色、排版配方、网页动效、UI 组件 —— 每一包 = 入口 + 产物 + 配对规则 + 断言。
下面是它们真实运行的样子:卡片里跑的就是包内那份 preview/index.html。
abyss-lab-recordv1.0.0
近黑底 + 工程网格 + 等宽 HUD + 单关键词橙，深色主叙事、纸面只做独立反转章节；面板全透明虚线检测框;适用:近黑非纯黑底 + 单层工程网格（body 一层，透明度 <=0.14，不压文字）;标题无衬线 800-900，中文降一档；等宽管数据 HUD + tabular-nums；手写只做英文短句点缀;橙色只染单关键词/危险数值/选中态/光源，单屏 <=10%;面板全透明 + 1px 白线/虚线边框，检测框分静态虚线与描边流动两种;纸面只做独立 data-theme=light 反转章节（表单卡 + 墨字 + 单枚橙章）;动效只动 transform/opacity 150-300ms，描边流动是唯一的描边动画且降级静止;mono 栈永不落回系统中文字体，裸 monospace/Menlo/Consolas 禁入生产栈
fm-voidv1.0.0
全黑 void + 半透明等宽字；戏在 canvas 背景;适用:UI 字小、letter-spacing 宽;背景用 canvas 表演;静音用 GainNode 思路
gruvbox-darkv1.0.0
工具型暗色面板、终端风 UI、需要暖灰底 + 米黄字 + 橙强调,或需要 hard/medium/soft 与 material/baby 变体
minimalist-essentialv1.0.1
删到不能再删：中性底 + 单强调色 + 8pt 网格 + 单列信息流；一屏一任务;适用:中性色做 90% 面积 + 1 个强调色只占 ≤10%，强调色只给主 CTA 与关键高亮;单无衬线家族 + ≤3 字重 + 等比字阶（12/14/16/20/24/32/48），Display 可用 clamp 流体;8pt 间距只用 4/8/16/24/32/48/64/96/128；section 上下只用 64/96/128（mobile 48/56/64）;单列信息流 + 大负空间 + 少而大的图 + 零装饰；正文单列 max-width 600-720px;首屏只答 1 个问题 + 只给 1 个主 CTA（落地页唯一可双 CTA 例外）;顶导 ≤5 项、深度 ≤3 层；超限进 mega / 着陆页 / 搜索 / 页脚;动效只动 transform/opacity：按压 100-150ms、切换 150-200ms、转场 200-300ms;内容多时靠折叠 + 搜索 + 本地导航 + 面包屑做密度极简，不靠留白最大化;留白占比 40-60% 是甜点，>75% 按空洞页返工
mohe-mono-bluev1.0.0
近黑冷蓝底 + 单一色相 218–223° 明度梯；唯一有彩光是强调色 #6891d9；卡片半透明浮在 WebGL 墨河背景上；竖排书脊刊头（汉字竖排做书脊）；衬线标题 + 冷瓷白正文;适用:整套 UI 只用一个色相（背景的 218–223° 蓝），深度靠明度梯而非新色相;强调色取背景中光带同 hue 同饱和（h218 s52）再抬明度，别用高饱和电蓝;卡片半透明（rgba(12,22,44,.20)）浮在背景上，让背景墨河透出来;分类色只用同色相的明度/微彩差（亮蓝/中蓝灰/近中性冷灰蓝/蓝），靠文字标签辨义;竖排书脊刊头：writing-mode:vertical-rl + text-orientation:upright，衬线 900 字重;深色底衬线标题可用，正文一律无衬线（衬线细体在深底会糊）
ouuut-editorialv1.0.0
内容型 / 杂志型站点:纸白与炭黑双模、六色章节体系、零结构线(层级靠留白与字号)、需要 AA 安全的小字强调色
popart-neubrutalv1.0.0
奶油底 + 厚黑描边 + 硬偏移阴影 + 贴纸撞色;适用:4px 黑边;硬阴影无模糊;按下阴影收 2px
saaaai-monov1.0.0
近黑 void + 银灰 ink + 等高线轮廓当 accent;适用:单色强调;留大负空间;contour 与 accent 可分离
slow-ride-creamv1.0.0
暖奶油纸面 + 鼠尾草绿 + 番茄围巾，慢日子编辑风；拱形画框 + 双语微标签 + 一句文案;适用:纸面底色 + 深棕墨字，英文微标签全大写宽字距（如 MOTION STUDY — 001）;标题中文大字 + 一句短文案 + 一句慢生活 caption（风很轻/慢慢向前）;画框用拱形大圆角（rx 220 级）或通栏横幅，场景内画天空/沙丘/海带;插画扁平矢量 + 全图统一深色描边（约 3px），渐变只给天空和皮毛;太阳必带光晕圈，云 2-3 椭圆拼，点缀小花/石子/海鸥 m 形/帆船;番茄色围巾是唯一的动态强调色，随风飘;动效要慢：1.6-2s 循环，脚踏 IK + 辐条转 + 背景无缝滚动，必带暂停钮，尊重 prefers-reduced-motion;编号感：STUDY 001 / CLUB / ROUTE 之类的 catalog 标签
swiss-classicv1.0.0
暖米白纸底 + 暖黑 + 单一结构红；平涂无投影，靠明度差与发丝线造层次;适用:暖色纸白（#EDEBE6）与暖黑（#111111），绝不用纯 #000 / 冷灰;强调红只做线/编号/单块几何形，覆盖率 ≤3%，落在预留空白里;一屏只有一个饱和色相，红不填正文;层次靠 1px 发丝线 + 明度差（bgDeep 托 surface），不用投影/渐变;大面积留白（≥35–45%），成块成区;不对称构图：一侧文字、一侧几何形
swiss-invertedv1.0.0
暖黑纸底 + 暖白墨 + 同一个结构红；纸↔墨互换，红保持不变 —— 同字体两种墨极性;适用:深色底用暖黑 #121212，绝不用纯 #000;纸暖白 #EDEBE6 当墨色（不是纯白 #FFF）;层级仍靠明度差（surface 比 bg 亮一档）+ 发丝线，不用投影;红保持 #D8232A（反色时略提亮到 #E5544B 做小字链接以满足对比）;深色底禁细体衬线（锯齿糊）
tokyo-crime-darkv1.0.0
暖黑底 #16130e 配暖色顺序带：深色底上把 ColorBrewer YlOrRd 整体提亮 15% 修对比（断点不动），深棕分隔线代替白描边；数据密集型地图/图表的深色方案。;适用:暖黑（#16130e 系）而非中性纯黑——配暖色带（YlOrRd/暖橙红）不发蓝、不发脏;顺序色带在深色底整体提亮 ~15%（逐通道 c+(255-c)*0.15），只深色生效；断点/档位/数据一字不改，保证跨主题同色=同危险度;深色底的地图分隔线用深棕 #3a3128，别用纯白——白线在暖黑上像网格噪点;无数据/无人口档单独给灰（#4a4238 / #55504a），别混进色带;顶栏按钮选中态反白改「强调色底 + 深字」（onAccent=bg），焦点环换成亮蓝 #7cc4ff 保证可见;localStorage 记住选择 + 默认浅色；切换不重建数据/不改断点，只重设色;深色独立调色，不把浅色 token 直接反相
cjk-thin-type-systemv1.0.0
中文 / 日文暗色单页站、作品集、个人站要求「细、干净、一套语言」时;或已有站点出现「字体乱」(同一字号挂多字重、各组件一套行高 / 字距 / 阴影)需要先普查再收敛时
cjk-typographyv1.0.0
新中文项目定字族与字号时:先对三场景字号总表,再定回退栈,还要选一款免费细体中文(含许可与下载来源)时
bg-fxv1.0.0
需要一块有机制、经得起近看的动态背景:首屏 hero、section 底、deck 封面、展厅墙。取用面 = 一份 engine.js(bloom → 径向色差 → 亮度门控颗粒 → smoothstep 暗角 → ACES → 三角抖动)+ 一个 concept(该效果的机制);参数只有 6 个通用旋钮(speed/bloom/exposure/grain/ca/vig)。性能口径:DPR 封顶(弱设备 1.25、桌面 1.75),场景按半分辨率、泛光按 1/4 分辨率,页隐藏(document.hidden)与离屏(IntersectionObserver)整帧跳过,回到前台按 delta clamp 续播。无障碍口径:prefers-reduced-motion 只渲染一帧静态画面(t=6.0),不做自动播放的循环动画。
page-transitionv1.0.0
静态站/长页需要过场:多页站翻页过渡与页内进出场(原生 View Transitions)、不想依赖新 API 的整块 DOM 位移过场、或字标要变成粒子飞入/炸散/流线汇入
particle-fxv1.0.0
页面需要一层轻量粒子:字标粒子组字、星野背景、银河盘视觉、云絮流场、散开↔组字 morph,或音频驱动的黑洞盘;要求零构建、无框架依赖
three-fxv1.0.0
需要一块三维、有物理感的空间效果:体波测地线盘(three.js 实时渲染体积薄盘,可拖转环视、面板 19 个参数)或粒子黑洞(Canvas2D 纯粒子吸积盘 + 引力吸入,零 WebGL 依赖,8 组盘样式预设)。适合展厅墙、deck 封面、科幻/暗色主题的首屏,以及需要「可被人拖着看」的三维玩具。取用面:体波 = src/blackhole-waves.js + upstream/three.module.js(1.3MB);粒子 = src/blackhole-particles.js(零依赖,两个文件各自独立,互不 import)。性能口径:体波 renderer.setPixelRatio 封顶 1.75、按「画质」参数降到 1.2;粒子 DPR 封顶 2;两者都是 rAF 循环,页隐藏时由浏览器自动停帧,帧间隔 dt 封顶 0.05s 防回前台跳帧;粒子密度/测地线步数(steps)是主要开销旋钮。无障碍口径:两个效果都没有内置 prefers-reduced-motion 分支(见 docs/usage.md §无障碍 的补丁片段),动效强烈,必须在页面层自己加停帧开关。
dual-theme-togglev1.0.0
任何需要深浅两态的站点:内容型 / 工具型 / 文档站都行;要求无 JS 跟随系统、刷新不闪、切换有可见回执
libraries-dev-fxv1.0.0
想在一页里横向对比 border-beam / thinking-orbs / liquid-gooey / metal-fx / img-fx 五个特效真身(React 原包,非仿写),或需要一个『每格独立加载 + 局部失败红字』的展示骨架,且不许装 npm、要求本地直开(双击预览页)
nav-rail-marqueev1.0.0
单页作品集 / 工作室首页 / 长页叙事需要一层压在画面四角、不抢内容的导航 chrome:左竖排跑马灯 + 顶部居中小写导航 + 右侧段轨 + 底部进度线,并要求「当前段」在两处导航与进度线上同步、无障碍硬项齐备
slide-master-seniorv1.0.0
做 1920×1080 演示母版 / 讲义 / 可打印 PDF:封面页与行程时间线页、中老年与低视力受众的大字号正文、键盘与滚轮翻页并同步页码
spectral-glass-prismv1.0.0
落地页 / 作品集要一块能拖能转、有真火彩的实时玻璃舞台;或需要一个 WebGPU 画布引擎与宿主页面的契约样板(能力探测 → 节点自检 → 动态加载 → 兜底)
swiss-stylev1.0.0
瑞士 / 国际主义风格的版式与构件:可推导的模块网格(12 栏 + 8pt 基线 + 复合网格)、直角平涂控件、五套版式骨架(海报/deck/跨页/报告封面/落地 hero)、Isotype 与 small multiples 图元;配色由主题包 swiss-classic / swiss-inverted 提供,本包只给版式与构件
fx-enginesv1.0.0
需要持续仿真的粒子效果(径向波前/吸引子/Curl 流场/活字尘/银河盘/喷泉环)、或需要一块 schema 驱动的悬浮调参板;项目里已有多份 param-panel 副本在漂移时换成本包唯一副本
referencesv1.0.0
选版式 / 定字号 / 定网格前先读的 40 条外部站点观测:网页 6 · 纸媒 7 · 三维 7 · 新闻 15 · 瑞士 5,给结构骨架、字阶与出处许可状态定依据
video-motionv1.0.0
要把一首歌排成一支「印刷质感」的 MV / 歌词影像时:该工程的 16 个 archetype 覆盖开场标题板、最响的标题行、单张照片推镜、剪贴簿拼贴、动态歌词排版、单据清单、印章、表盘、纸片倾泻、静态诗行(含竖排)、注解图、对白气泡、真实音频频谱、圆形遮罩过场、结尾署名板与兜底占位;riso 风格包给整套四色孔版印刷外观(四色专色 + 暖色纸 + 半调网点 + 故意套印错位 + 点阵字);beat / motion 库把节拍网格与摄影机关键帧接到镜头上。要网页动效或 CSS 片段时不要来这里。
没有匹配的资产。清空搜索或换个类目再看看。