HomeStylesTemplates
StyleKit
StylesRecipesGuidesAnimationsTemplates

StyleKit

A curated web design style library to help AI generate better-looking websites.

Navigation

StylesTemplatesCommunityGuideBlogChangelog

Resources

UI Design PromptsLanding Page PromptsDashboard PromptsTailwind UI PromptsDark Mode UI PromptsGitHub Repository

Stay Updated

By subscribing, you agree to our Privacy Policy and Terms.


Support Maintenance

If StyleKit helps your workflow, voluntary support helps cover servers, domains, and ongoing upkeep.

Scan to support / View all options

(c) 2026 StyleKit. Open source project.

AboutContactPrivacyTermsBuilt with the Editorial style
Stylekit前端样式库stylekit.top陕ICP备2025065501号-3

Design Style Collection

Style Catalog

Every style includes complete documentation, component templates, and AI rules for quick integration.

Tip: press / to focus search, and Esc to clear.

Explore by goal

Active filters: Scenario: Marketing

Type:
Tags:

60 results

新野兽派

Neo-Brutalist

大胆的黑色粗边框、硬边缘阴影、无圆角、高对比度配色。源于建筑野兽派,强调功能与原始美学。包含经典、柔和、俏皮三种变体。

MarketingCreative
expressivehigh-contrast

新拟物派

Neumorphism

柔和的内凹外凸立体效果,通过双重阴影模拟光源,浅色背景配同色系元素,营造精致的立体感。

SaaS / B2BMarketing
modernminimal

玻璃拟态

Glassmorphism

半透明毛玻璃效果,通过 backdrop-blur 模糊背景、柔和边框和微妙阴影,创造现代感十足的层叠界面。

SaaS / B2BMarketing
modern
Layout

便当盒布局

Bento Grid

灵感源于日式便当盒的不规则网格布局,通过大小不一的卡片组合创造视觉层次,常用于作品集和产品展示。

PortfolioMarketing
modernresponsive

柔和界面风

Soft UI

温和友好的界面风格,柔和的阴影、圆润的边角、低饱和度的配色。适合消费类应用、社交产品、生活服务类 App。

SaaS / B2BMarketing
modernminimal

自然有机风

Natural Organic

温暖自然的有机风格,大地色系、自然纹理、手工感元素。适合健康品牌、有机食品、环保产品、手工艺品。

MarketingE-Commerce
minimalmodern

现代渐变风

Modern Gradient

充满活力的现代渐变风格,多彩渐变背景、玻璃质感卡片、动态光影效果。适合创业公司、数字产品、活动页面。

MarketingE-Commerce
expressivemodern

复古怀旧风

Retro Vintage

怀旧复古的设计风格,老式排版、复古色调、手工质感元素。适合咖啡馆、复古品牌、独立杂志、音乐厂牌。

MarketingCreative
retroexpressive

macOS 毛玻璃

macOS Vibrancy

macOS 原生暗色毛玻璃风格。通过多层深灰面板、系统级 backdrop-blur 和极度克制的装饰,还原桌面应用的沉稳质感。

SaaS / B2BMarketing
modernminimal

几何大胆风

Geometric Bold

大胆的几何图形设计,强烈的形状对比、鲜明的色块、动态的构图。适合艺术展览、设计机构、创意品牌。

MarketingCreative
expressivehigh-contrast
Layout

分屏布局

Split Screen

左右对称或不对称的分屏布局,通过对比和平衡创造视觉张力,常用于产品展示、品牌故事、比较页面。

MarketingPortfolio
modernresponsive
Layout

全屏滚动布局

Full Page Scroll

每一屏占满整个视口的沉浸式滚动体验,通过滚动切换完整场景,适合品牌故事、产品介绍、作品集展示。

MarketingPortfolio
modernexpressive
Layout

杂志网格布局

Magazine Grid

灵感来自印刷杂志的多栏网格布局,通过不同大小的内容块创造丰富的视觉层次,适合新闻、博客、内容聚合。

EditorialBlog
modernresponsive
Layout

全屏英雄区布局

Fullscreen Hero

以全屏大图或视频为背景的英雄区布局,通过震撼的视觉效果抓住注意力,适合品牌展示、产品发布、活动宣传。

MarketingPortfolio
expressivemodern

粘土拟态

Claymorphism

柔软的粘土质感设计,通过超大圆角、内外阴影组合和柔和渐变,创造出可爱的 3D 立体效果,适合儿童应用和趣味产品。

SaaS / B2BMarketing
modernexpressive

Apple 风格

Apple Style

极致简约的高端设计风格,大量留白、精致圆角、微妙阴影和 SF Pro 风格字体,传达高端科技产品的品质感。

E-CommerceMarketing
minimalbrand-inspired

包豪斯风格

Bauhaus

德国包豪斯学派的设计理念,强调功能主义、几何形式和原色运用,形式追随功能。

SaaS / B2BMarketing
modernminimalhigh-contrast

吉卜力风格

Ghibli Style

灵感源自吉卜力工作室动画的设计风格,温暖柔和的色调、手绘质感、自然元素和梦幻氛围,传递治愈与诗意。

CreativeMarketing
expressiveretro

漫画风格

Comic Style

灵感源自漫画书和日式漫画的设计风格,浓重的墨线边框、网点填充、对话气泡、动作线和分镜面板布局,充满故事感和视觉冲击力。

CreativeMarketing
expressivehigh-contrast

铅笔手绘风

Sketch Style

模拟铅笔手绘的设计风格,不规则线条边框、纸张纹理背景、手写字体感、素描阴影和涂鸦装饰,传达亲切温暖的手工质感。

CreativeMarketing
expressiveretro
Layout

F型布局

F-Pattern Layout

基于眼动追踪研究的F型扫描布局,用户视线从左上角开始,沿顶部水平扫描后向下移动,适合内容密集型页面、博客文章和新闻列表。

BlogEditorial
modernresponsive
Layout

Z型布局

Z-Pattern Layout

基于眼动追踪的Z型扫描布局,视线从左上到右上,斜穿到左下再到右下,形成Z字路径。适合着陆页、营销页面和简洁信息展示。

MarketingPortfolio
modernresponsive

柔和野兽派

Neo-Brutalist Soft

Neo-Brutalist 的温和版本。保留硬边缘阴影和无圆角特性,但使用更柔和的配色、较细的边框和更温和的对比度。

MarketingCreative
modernexpressive

俏皮野兽派

Neo-Brutalist Playful

Neo-Brutalist 的活泼版本。保留核心特征,加入更多色彩、旋转倾斜元素和有趣的微交互,适合年轻化品牌。

MarketingCreative
expressive

Risograph 印刷风

Risograph

灵感源自 Risograph 孔版印刷的设计风格,鲜明的专色叠印、半色调网点、轻微的套印偏移和纸张质感,呈现独特的手工印刷美感。

CreativeMarketing
expressivehigh-contrast

机甲风

Mecha

灵感源自日系机甲动画与军事工业设计的风格,钢铁质感、警示标识、技术参数标注和机械结构线条,传递力量感与科技感。

CreativeMarketing
expressivemodernhigh-contrast

哥特萝莉风

Gothic Lolita

融合哥特暗黑美学与洛丽塔少女元素的设计风格,深色蕾丝、玫瑰纹样、维多利亚式装饰和精致的对比配色,传递暗黑浪漫的精致感。

CreativeMarketing
expressiveretro

赛博中华风

Cyber Chinese

融合赛博朋克科技感与中华传统美学的设计风格,霓虹灯笼、数字山水、电路纹样与传统元素碰撞,创造东方未来主义的视觉体验。

CreativeMarketing
expressivemodernhigh-contrast

视觉小说风

Visual Novel

借鉴视觉小说游戏UI的设计风格,半透明对话框、角色立绘、选项按钮和文字动画,打造沉浸式交互故事体验。

SaaS / B2BMarketing
modernexpressive

少女漫画风

Shoujo Manga

少女漫画特有的浪漫美学,樱花花瓣装饰、闪光效果、柔和流线、爱心元素和粉色主色调,呈现梦幻柔美的视觉体验。

CreativeMarketing
expressiveretro

赛博动漫风

Cyber Anime

融合赛博朋克科幻UI与动漫美学,以深色背景上的霓虹光效、全息投影感和锐利几何线条,打造未来感十足的动漫界面风格。

CreativeMarketing
expressivemodernhigh-contrast

霓虹武士风

Neon Samurai

日本传统武士美学与霓虹赛博朋克的碰撞融合,刀锋般锐利的线条、汉字书法与霓虹光效交织,浮世绘遇见霓虹灯的未来都市武道。

CreativeMarketing
expressivemodernhigh-contrast

魔法阵风

Magic Circle

几何魔法阵、神秘符文与光粒子效果的奇幻视觉风格,精密的同心圆纹样、金色辉光与深邃海军蓝底色营造神秘魔法氛围。

CreativeMarketing
expressivemodern

赛博和风

Cyber Wafuu

传统和风纹样与未来科技的数字化融合,折纸几何、青海波数字化重构、电路纹路与金箔光泽交织的日式赛博美学。

CreativeMarketing
expressivemodernhigh-contrast

太阳朋克

Solarpunk

生态未来主义的乌托邦愿景,融合可持续科技与自然元素,明亮的绿色调、太阳能美学和有机形态。

SaaS / B2BMarketing
modernexpressive

日式RPG

JRPG

经典日式角色扮演游戏的UI美学,华丽的边框装饰、魔法效果、状态面板和幻想风格的视觉元素。

CreativeMarketing
expressiveretrohigh-contrast

霓虹渐变

Neon Gradient

深色背景上的鲜艳渐变卡片,配合粗彩色边框和霓虹发光效果,适合科技产品、SaaS 着陆页、年轻化品牌。

SaaS / B2BMarketing
expressive

Apple 流动玻璃

Apple Liquid Glass

Apple WWDC 2025 发布的全新设计语言,通过 SVG 折射滤镜、彩虹边缘光晕、流体形变动画和多层玻璃堆叠,创造出超越传统毛玻璃的有机流动视觉体验。

Marketing
modernbrand-inspired

赛璐璐动画风

Cel Shading

模拟传统动画赛璐璐片的渲染风格,粗黑轮廓线、平面色块填充、无渐变阴影和鲜艳饱和色彩,充满卡通游戏的活力感。

CreativeMarketing
expressivehigh-contrast

科幻HUD

Sci-Fi HUD

源自星际飞船驾驶舱和战术指挥中心的全息显示界面。深空背景、青色发光边框、半透明玻璃面板、雷达扫描动效,营造'正在操作高科技设备'的沉浸体验。

SaaS / B2BMarketing
expressivemodernhigh-contrast

黑色电影

Film Noir

源自 1940-50 年代经典黑色电影的戏剧性视觉风格。极致的明暗对比、深沉的灰阶层次、斜线光影和神秘氛围,适合故事驱动的产品、摄影作品集和高端品牌。

PortfolioMarketing
expressivehigh-contrast

全息渐变

Holographic

彩虹光谱虹彩渐变美学,模拟全息投影的棱镜折射与动态光效,营造超凡脱俗的虹彩体验。

CreativeMarketing
modernexpressivehigh-contrast

水墨画风

Ink Wash

源自中国传统水墨画的设计风格,以墨色浓淡干湿变化营造空灵意境,大量留白表达'气韵生动',适合文化品牌、茶道、书法和东方美学项目。

Marketing
minimalexpressive

单色极简

Monochrome

纯黑白灰的极致单色设计,通过精确的灰阶层次、字重对比和负空间构建视觉层次,不依赖任何色彩即达到高级感。适合摄影、建筑和高端品牌。

Marketing
minimalhigh-contrast

赤陶暖调

Terracotta

地中海赤陶与暖色大地的设计风格,温暖的陶土色调、粗糙手工质感和自然纹理。适合生活方式品牌、餐饮、旅行和手工艺品展示。

Marketing
minimalmodern

构成主义

Constructivism

苏联构成主义海报风格,强烈的红黑配色、对角线构图、几何块面、宣传性排版。

EditorialMarketing
retrohigh-contrast

伊斯兰几何

Islamic Geometric

伊斯兰几何纹理设计风格,精密的几何镶嵌图案、阿拉伯式花纹、金色与深蓝的经典配色。

CreativeMarketing
expressivemodern

印度节庆

Indian Festive

印度排灯节与色彩节的绚丽美学,丰富的金色装饰、宝石色调、曼荼罗纹饰。适合庆典、活动、生活方式品牌。

Marketing
expressivehigh-contrast

非洲纺织

African Textile

西非Kente布和Adire扎染为灵感的设计风格,大胆的几何编织图案、大地色与鲜明色彩的碰撞、手工质感。

CreativeMarketing
expressivehigh-contrast

粉彩哥特

Pastel Goth

柔暗美学与糖果色的独特融合,粉紫粉蓝等柔和色彩搭配骷髅、十字架等暗系元素。暗色背景+粉彩高亮。

CreativeMarketing
expressivehigh-contrast

极繁主义

Maximalism

极繁主义设计——更多就是更多。层叠图案、混搭字体、饱和色彩、装饰性边框。拥抱丰富、华丽和视觉冲击。

CreativeMarketing
expressivehigh-contrast

大理石奢华

Marble Luxury

大理石纹理与金色装饰的高端设计风格,白色大理石质感背景、金色线条分隔、黑色文字。适合奢侈品牌、酒店。

MarketingE-Commerce
modernminimal

立体主义

Cubism

毕加索和布拉克的立体主义运动,几何碎片化构图、多视角叠加、棱角分明的形状与沉稳的大地色调。

CreativeMarketing
expressiveretro

热带天堂

Tropical Paradise

热带度假风设计,棕榈叶、鲜艳花卉色彩、阳光沙滩的明快基调。适合旅游、度假村、生活方式和餐饮品牌。

MarketingE-Commerce
modernexpressive

巫术核心

Witchcore

神秘学美学风格,塔罗牌、月相符号、水晶与草药元素。深紫色调搭配金色神秘符文,暗色背景上闪烁的星尘效果。

CreativeMarketing
expressivehigh-contrast

霓虹东京

Neon Tokyo

东京歌舞伎町霓虹夜景风格,湿润的街道倒影、叠层霓虹招牌、赛博朋克城市夜色。偏向真实都市夜景质感。

SaaS / B2BMarketing
modernhigh-contrast

纸艺手作

Paper Craft

纸艺与剪纸风格,层叠纸张效果、柔和阴影暗示深度、手作质感边缘。适合儿童品牌、教育产品、创意工作室。

MarketingCreative
expressivemodern

清爽电商

Shopify Clean

面向独立电商站的干净现代风格,以产品为核心,清晰的价格层级和流畅的购物转化路径。

E-CommerceMarketing
modernminimal

奢品零售

Luxury Retail

高端零售与奢侈品牌风格,大面积留白搭配衬线字体,金色与大理石质感传递尊贵感。

E-CommerceMarketing
modernminimal

鲜活市集

Fresh Market

面向食品生鲜与有机品牌的电商风格,暖色调圆润卡片搭配自然纹理,传递新鲜与信任。

E-CommerceMarketing
modernexpressive