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 等前端技术栈,方便直接接入实际项目。

通知订阅

页面末尾提供邮箱订阅入口,用于在平台上线新风格、模板与工具时第一时间收到通知。

特别声明

本站收录的 StyleKit 来源于网络公开信息,仅供用户参考。 本站不保证外部链接的准确性和完整性,亦不承担用户因使用该链接而产生的任何直接或间接损失。 该外部链接指向的网页内容并非由本站控制,在 收录时,该网页内容经初步核查符合相关法律法规。 如该网页后期内容出现违规或侵权情况,请联系本站处理,本站将在收到有效通知后及时采取删除、断开链接等必要措施。 本站仅为用户提供导航服务,不构成对任何外部网站内容、产品或服务的推荐、保证或承诺。

相关站点

TWTchat 智能客服
TWTchat 智能客服

智能客户沟通与团队协作平台

CodeBuddy
CodeBuddy

腾讯推出的全栈开发AI IDE

Qoder
Qoder

面向真实软件的智能体编程平台

秒哒
秒哒

零代码应用生成平台

CatPaw
CatPaw

美团推出的 AI IDE 编程工具

百智办公
百智办公

集办公、编程、设计于一体的AI工作台

AI 模型价格对比
AI 模型价格对比

快速查找并比较各大平台的 AI 模型价格

CakeGrowth
CakeGrowth

首个专注 AI 应用的一站式联盟营销平台