nexu-io/html-anything

article-sketchnote-editorial

把一个概念铸成杂志专题档案——真问题→失败→转折→顿悟→命名, 6 个 layout 模具 + 4 字族对比 + 探案档案细节

Source text: Chinese

deck-ljg-present

把 outline 1:1 铸成色块大字宣言 deck, 原文不动只做美化。三档主题 black / red / yellow

Source text: Chinese

info-funnel

3-6 阶递减漏斗, 突出转化率 / 筛选比例 / 流量损耗。竖图适合 IG Story / 小红书

Source text: Chinese

competitive-teardown

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

Source text: Chinese

exec-briefing-memo

Decision needed + recommendation + evidence + tradeoffs, 把复杂材料压成可拍板的一页

Source text: Chinese

experiment-readout

假设 + 指标 + 结果 + 解释 + 决策, 把 A/B 或产品实验转成行动建议

Source text: Chinese

article-magazine

Substack / Medium 高级感长文排版, 适合公众号、博客发布

Source text: Chinese

blog-post

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

Source text: Chinese

card-twitter

推特金句 / 数据卡, 适合配推文

Source text: Chinese

card-xiaohongshu

小红书风格知识卡片, 多张联排可滑动浏览

Source text: Chinese

dashboard

固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图

Source text: Chinese

data-report

把 CSV/Excel/JSON 数据转成漂亮的可视化报告页

Source text: Chinese

dating-web

消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势

Source text: Chinese

deck-blueprint

奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒

Source text: Chinese

deck-course-module

暖纸背景 + Playfair, 左侧学习目标常驻, 含 MCQ 自测页

Source text: Chinese

deck-dir-key-nav

8 页单色背景, 160px display + 4px accent + Mono 箭头列表

Source text: Chinese

deck-graphify-dark

深夜渐变 + 漂浮 orbs + SVG 力导向图谱 + JetBrains Mono

Source text: Undetermined

deck-guizang-editorial

电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)

Source text: Chinese

deck-hermes-cyber

黑底 + CRT 网格扫描线 + $ 命令行标题 + 薄荷绿大字 + 三档 tag

Source text: Chinese

deck-magazine-web

电子杂志 × 电子墨水风, WebGL 流体背景 + 衬线 display

Source text: Chinese

deck-obsidian-claude

GitHub-dark + 紫蓝环境光 + 三色渐变标题 + GitHub 风代码

Source text: Chinese

deck-open-slide-canvas

锁死 1920×1080 画布, React 组件级自由组合, 不绑模板

Source text: Chinese

deck-pitch

10 页融资 deck, 白底 + 蓝紫渐变 hero, traction 柱状, $X.XM ask

Source text: Chinese

deck-presenter-mode

tokyo-night 默认主题, T 切换 5 主题, S 打开提词器 popup

Source text: Chinese

deck-product-launch

暗 hero + 亮内容, 橙→桃 accent, 特性卡 + 定价 + CTA

Source text: Chinese

deck-replit

Replit Slides 八套主题 (helix/holm/vance/bevel/world/atlas/bluehouse)

Source text: Chinese

deck-safety-alert

红琥珀警示色 + hazard 条纹 + L1/L2/L3 tier 卡片 + 删除线标题

Source text: Chinese

deck-simple

通用 horizontal-swipe HTML deck, 不要 magazine 调

Source text: Chinese

deck-swiss-international

16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange)

Source text: Chinese

deck-tech-sharing

GitHub-dark + JetBrains Mono + 终端代码块, 含 agenda + Q&A

Source text: Chinese

deck-xhs-pastel

奶油底 + 柔光 blob + 马卡龙圆角卡片 + Playfair 斜体序号

Source text: Chinese

deck-xhs-post

9 页 3:4 竖版图文, 暖 pastel + 虚线 sticker 卡片

Source text: Chinese

deck-xhs-white

纯白 + 顶部彩虹 bar + 渐变文字 + 马卡龙软卡片 + 黑底 pill

Source text: Chinese

digital-eguide

两页跨页电子指南, 封面 + 课程页 + pull-quote + 步骤列表

Source text: Chinese

doc-kami-parchment

暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体, 编辑级排印

Source text: Chinese

docs-page

三栏文档页: 侧导航 + 正文 + 右 TOC

Source text: Chinese

email-marketing

产品发布邮件, 含 masthead、hero、CTA、规格表, table-fallback

Source text: Chinese

eng-runbook

服务概述 + alerts 表 + dashboards + 操作命令 + on-call + 事故清单

Source text: Chinese

finance-report

Masthead + KPI + 收入/烧钱图 + P&L 表 + 重点 + 展望

Source text: Chinese

flowai-team-dashboard

三个 tab 的团队管理后台: 成员、详情、活动日志, 含图表 + CSV 导出

Source text: Chinese