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: Creative

Explore by goal

Active filters: Scenario: Creative

Type:
Tags:

Showing 24 of 105 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

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

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

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

Masonry Flow

瀑布流布局

Pinterest-style masonry layout with variable-height cards, achieved through CSS columns or masonry grid for a naturally flowing visual effect. Ideal for image galleries, portfolios, and social media.

PortfolioCreative
responsive
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

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

Pixel Art

像素艺术风

A retro 8-bit pixel game style with no border radii, pixelated borders, hard-edge shadows, and vivid 8-bit color palettes, ideal for games, retro apps, and indie developer projects.

Creative
retrogame-ui

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

Skeuomorphism

拟物设计

A digital design style that simulates real-world objects through textures, lighting, and materials to mimic physical items, bringing familiarity and intuitive experiences.

CreativeSaaS / B2B
retro

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

Watercolor Style

水彩画风

A design style inspired by watercolor painting, featuring soft color gradients, blurred edge effects, paper texture backgrounds, and flowing color diffusion, conveying artistry and poetry.

CreativeMarketing
hand-drawn

Cyberpunk Neon

赛博朋克霓虹

A futuristic cyberpunk style with neon glow effects, dark backgrounds, and high-tech UI elements. Ideal for games, tech products, and creative studios.

CreativeMarketing
high-contrastdark-themecolorful

Synthwave

合成波

80s retro-futuristic music aesthetic with neon pink-purple palette, grid horizon, sunset gradients, and vintage tech feel -- brimming with nostalgic visions of the future.

CreativeMarketing
retrohigh-contrastdark-themecolorfulgradient

Neo-Brutalist Soft

柔和野兽派

A gentler version of Neo-Brutalist. Retains hard-edge shadows and no-rounded-corner characteristics, but uses softer colors, thinner borders, and milder contrast.

MarketingCreative
high-contrast

Neo-Brutalist Playful

俏皮野兽派

A lively version of Neo-Brutalist. Retains core characteristics while adding more colors, rotated/tilted elements, icon decorations, and playful micro-interactions -- ideal for youth-oriented brands.

CreativeMarketing
colorful