html-anything

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

SVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm

数字故障 / 像散偏移 / 数据腐败标题, 适合视频转场 / cyberpunk hero

胶片漏光 + 颗粒噪点 + 16:9 letterbox + 衬线大字, 电影感开场 / 章节卡

WebGL 风流体置换背景 + 顶部叠加金句, 适合视频片头 / landing hero / 海报

Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕

拟真 macOS 通知 banner + app icon + 标题正文, 适合 video overlay / 产品发布预告

三屏: 封面 / 今日任务带 XP / 任务详情, 暗色舞台

首周日程 + buddy + 学习路径 + 设备 + 完成标准

标准发票: 寄件/收件 + 明细 + 税 + 总额 + 付款指引

To do / In progress / In review / Done 四列, 卡片 + 头像 + 泳道

Notion 风团队仪表板, KPI + 7 日 sparkline + activity feed + 任务表

Sunday-paper 风格, 大字 serif headline + 双栏正文 + 编号 sections

标题 + 出席 + 议程 + 决议 + action items + 下次

像素级 iPhone 15 Pro 边框, 一屏 app 截图

三个手机框并排: splash / value-prop / sign-in

iPhone + MacBook 仿 GLTF 静态展架, 屏幕内嵌真实 HTML 内容, 玻璃镜头折射, 360° 转盘构图

可循环 CSS 动效组合: 旋转环、地球仪、计时器、视差标签