StyleKit
7 次访问开源的 AI 网页视觉风格库,提供命名风格、设计 tokens、组件配方、Tailwind 约束和可复用提示词
StyleKit 是一个面向 AI 生成网页的设计风格库,核心主张是“让 AI 生成的网站更加好看”。平台收录多种精选网页设计风格,每种风格都附带可直接复制的提示词、设计 tokens 与组件配方,并支持导出到 Tailwind、shadcn 及 AI 编码工具,帮助使用者把风格意图准确传达给 AI。
风格目录
风格目录是平台的主体内容,按风格与适用场景分类陈列。每种风格附有名称、描述与适用标签,便于按项目类型筛选。
-
新野兽派:大胆的黑色粗边框、硬边缘阴影、无圆角、高对比度配色,源于建筑野兽派,强调功能与原始美学,包含经典、柔和、俏皮三种变体,适用于品牌营销与创意表达。
-
编辑杂志风:优雅的杂志排版,衬线标题配无衬线正文,讲究留白与网格系统,灵感来自高端时尚杂志和报纸排版,适合编辑杂志类作品集。
-
柔和内凹外凸风:通过双重阴影模拟光源,浅色背景配同色系元素,营造精致立体感,适用于 SaaS 与 B2B 场景。
-
便当盒布局:灵感源于日式便当盒的不规则网格,用大小不一的卡片组合创造视觉层次,常用于作品集与产品展示。
-
企业简洁风(Corporate Clean):强调可读性、一致性与信任感,适合 B2B SaaS、企业官网与后台管理系统。
-
极简扁平风:无阴影无渐变,通过颜色和留白创造层次,适合作品集、创意机构与艺术网站。
-
柔和界面风:柔和阴影、圆润边角、低饱和配色,适合消费类应用、社交产品与生活服务类 App。
-
自然有机风(Natural Organic):大地色系、自然纹理、手工感元素,适合健康品牌、有机食品、环保产品与手工艺品。
提示词与设计资源
每种风格提供的资源不止于视觉参考。使用者可获得可直接复制的提示词,用于向 AI 编码工具描述目标风格;同时配有设计 tokens(如颜色、间距、圆角、阴影等基础变量)与组件配方,使生成结果在细节上保持一致。平台支持将这些资源导出到 Tailwind、shadcn 等前端技术栈,方便直接接入实际项目。
通知订阅
页面末尾提供邮箱订阅入口,用于在平台上线新风格、模板与工具时第一时间收到通知。