html-anything

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

NYT-newsroom 排版 + 错峰揭示动画 + 编辑级图表 (折线/柱/范围带)