HomeStylesTemplates
StyleKit
StylesTemplates
  1. Home
  2. /Styles

StyleKit

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

FeedbackSupport Maintenance
Explore+
StylesTemplatesAnimationsResource LibraryPromptsCollections
Learn+
FoundationsGuideRecipesChangelogBlog
Trust+
AboutContactPrivacyTermsSupport UsRefunds

(c) 2026 StyleKit. Open source project.

闄旾CP澶?025065501鍙?3

Colophon/SK — 2026

Built with the Editorial style

01FeedbackTell us what could work better02Support MaintenanceIf StyleKit helps your workflow, voluntary support helps cover servers, domains, and ongoing upkeep.

StyleKit

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

GitHub Repository

Explore

StylesTemplatesAnimationsResource LibraryPromptsCollections

Learn

FoundationsGuideRecipesChangelogBlog

Dispatch

Get notified when new styles, templates and tools ship.

Stay Updated

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

(c) 2026 StyleKit. Open source project.

AboutContactPrivacyTermsSupport UsRefunds/陕ICP备2025065501号-3

StyleKit

Design Style Collection

Style Catalog

Every style includes design constraints, component examples, and AI rules for implementation guidance.

Total
146
Visual Style
128
Layout Pattern
18

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

Scenario: Marketing

Explore by goal

Active filters: Scenario: Marketing

Type:
Tags:

Showing 24 of 77 results

Neo-Brutalist

新野兽派

Bold black thick borders, hard-edge shadows, no rounded corners, high-contrast color schemes. Inspired by architectural Brutalism, emphasizing function and raw aesthetics.

MarketingCreative
high-contrast

Neumorphism

新拟物派

Soft concave and convex 3D effects using dual shadows to simulate light sources. Light backgrounds with same-tone elements create a refined sense of depth.

SaaS / B2BMarketing

Glassmorphism

玻璃拟态

Premium frosted glass inspired by Apple Liquid Glass. High gaussian blur, saturation boost, multi-layer inner glow and chromatic edges create the sensation of light flowing through real glass.

SaaS / B2BMarketing
glassmorphic
Layout

Bento Grid

便当盒布局

Irregular grid layout inspired by Japanese bento boxes, creating visual hierarchy through varied card sizes. Commonly used for portfolios and product showcases.

PortfolioMarketing
responsive

Soft UI

柔和界面风

Gentle and friendly interface style with soft shadows, rounded corners, and low-saturation colors. Ideal for consumer apps, social products, and lifestyle service apps.

SaaS / B2BMarketing

Natural Organic

自然有机风

Warm and natural organic style with earth tones, natural textures, and handcrafted elements. Ideal for health brands, organic food, eco-friendly products, and artisan crafts.

E-CommerceMarketing

Modern Gradient

现代渐变风

Vibrant modern gradient style with colorful gradient backgrounds, glass-textured cards, and dynamic lighting effects. Ideal for startups, digital products, and event pages.

MarketingE-Commerce
colorfulgradient

Retro Vintage

复古怀旧风

Nostalgic retro design style with vintage typography, retro color tones, and handcrafted texture elements. Ideal for cafes, vintage brands, indie magazines, and music labels.

CreativeMarketing
retrotexture-heavy

macOS Vibrancy

macOS 毛玻璃

Native macOS dark vibrancy style. Multi-layer dark gray panels, system-level backdrop-blur, and extreme restraint create the calm, professional feel of a desktop application.

SaaS / B2BDashboard
dark-themeglassmorphic

Geometric Bold

几何大胆风

Bold geometric design with strong shape contrasts, vivid color blocks, and dynamic compositions. Ideal for art exhibitions, design agencies, and creative brands.

CreativeMarketing
high-contrastcolorfulgeometric
Layout

Split Screen

分屏布局

Symmetric or asymmetric split-screen layout creating visual tension through contrast and balance. Commonly used for product showcases, brand stories, and comparison pages.

MarketingPortfolio
responsive
Layout

Full Page Scroll

全屏滚动布局

Immersive scrolling experience where each screen fills the entire viewport, switching complete scenes on scroll. Ideal for brand stories, product introductions, and portfolio showcases.

MarketingPortfolio
Layout

Card Stack

卡片堆叠布局

3D layout with overlapping cards, creating depth through Z-axis stacking and offsets. Ideal for carousels, step-by-step displays, and card deck selection.

MarketingSaaS / B2B
Layout

Fullscreen Hero

全屏英雄区布局

A hero section layout with fullscreen images or video backgrounds that captures attention through stunning visuals, ideal for brand showcases, product launches, and event promotions.

MarketingPortfolio

Claymorphism

粘土拟态

A soft clay-textured design that creates adorable 3D effects through extra-large border radii, combined inner and outer shadows, and gentle gradients, ideal for children's apps and playful products.

MarketingSaaS / B2B
glassmorphic

Apple Style

Apple 风格

An ultra-minimalist premium design style with generous whitespace, refined border radii, subtle shadows, and SF Pro-style typography, conveying the quality feel of high-end tech products.

E-CommerceSaaS / B2B
brand-inspired

Neon Retro

霓虹复古

80s-90s retro-futuristic aesthetics with pink-purple gradients, neon colors, and glitch art effects. Includes Vaporwave, Synthwave, and Cyberpunk variants.

CreativeMarketing
retrohigh-contrastcolorfulgradient

Y2K

千禧风格

Early-2000s futuristic aesthetic with metallic textures, transparent plastics, bubble elements, silver and rainbow gradients, brimming with optimistic visions of the digital age.

CreativeMarketing
retrocolorfulgradient

Memphis

孟菲斯风格

An 80s Italian design movement featuring bold geometric shapes, vivid contrasting colors, irregular forms, and playful patterns that break traditional design rules.

CreativeMarketing
retrohigh-contrastcolorfulgeometric

Art Deco

装饰艺术风格

A luxurious design style from the 1920s-30s featuring geometric symmetrical patterns, gold decorations, elegant lines, and premium textures, conveying sophistication and prosperity.

CreativeMarketing
retrogeometric

Bauhaus

包豪斯风格

The design philosophy of the German Bauhaus school, emphasizing functionalism, geometric forms, and primary color usage -- a modernist classic where form follows function.

CreativeEditorial
high-contrastcolorfulgeometric

Ghibli Style

吉卜力风格

A design style inspired by Studio Ghibli animations, featuring warm soft tones, hand-drawn textures, natural elements, and a dreamy atmosphere that conveys healing and poetry.

CreativeMarketing
retrohand-drawn

Comic Style

漫画风格

A design style inspired by comic books and manga, featuring heavy ink-line borders, halftone fills, speech bubbles, action lines, and panel layouts, full of narrative and visual impact.

CreativeMarketing
high-contrasthand-drawn

Sketch Style

铅笔手绘风

A design style simulating pencil hand-drawing, with irregular line borders, paper texture backgrounds, handwritten font feel, sketch shadows, and doodle decorations, conveying a warm and approachable handcrafted texture.

CreativeMarketing
retrohand-drawn