以下这种风格的图片是怎么生成的？

这玩意像是 PPT

@itechify 肯定不是 PPT 感觉是 AI 生成的，但是又不确定，看到好多这种风格的关于 github 项目介绍的图片了

给你个类似的参考 我也是网上看到的：

请将上述内容转化为一张 HTML ，要按照 PPT 的方式来呈现，如果一页 PPT 不能呈现，就分页，要把内容阐述清楚，我要拿来做授课。



核心哲学：打造一个独立的 HTML 信息卡。其风格严格遵循"琉光手稿"设计哲学，融合印刷品的秩序感与高级玻璃拟态的未来感，作为封面或摘要，高度提炼核心信息。



I. 页面蓝图 (Blueprint)

主栏: 作为视觉焦点，展示主标题、副标题和核心理念。此区域必须保持简洁，顶部不应有额外文字，确保核心标题的视觉主导地位。

核心风格 (Core Style): 苹果极简科技风（ less is more ）。



II. 设计基因 (Design DNA)

字体系统 (Typography): 严格执行"结构性反差"。



中文: Noto Serif SC (大字号, 粗字重)。

英文: Poppins (小字号, 轻字重)。 元素 (Elements):

图标: Font Awesome 线稿风格 (light/regular)。

III. 技术规格 (Tech Specs)



交付物: 单一、自包含的 HTML 文件。

比例: PPT

功能：HTML 代码中请包含一段 JavaScript ，在卡片上增加一个"下载图片"按钮，支持将该 HTML 节点导出为 PNG 格式（使用 html2canvas 或类似 CDN 库）。

技术栈: TailwindCSS, Google Fonts, Font Awesome (均通过 CDN)。

约束：为了凸显卡片感，背景为白色，四周为直角（不是圆角），便于截图。

归属标记：请在顶部右上角，固定增加标记，请在生成前询问用户需要带什么标记再开始行动，不然不行动