Style LibraryNew · weekly review
Art Nouveau
StyleretroOrganic curve aesthetics from the late 19th century, characterized by flowing vine patterns, natural floral elements, Mucha-style poster decorations, and elegant serif typography -- conveying the harmony of nature and a…
#2d5016#f5f0e1#c9a227#8b6db5#4a7c3f#4bc542Preview
A sample page drawn from this style’s tokens — a guide to the look, not the exact output.
Plan the week in ten minutes
Pull in every task, see what matters, and share one clear plan with the team.
Get startedSee how it worksDocs
Tasks done1,284+12% this week
Sign in
Emailyou@example.com
Remember meContinueToday
Review roadmapDone
Ship onboardingIn progress
Team sync3 pm
Prompt
Paste into any AI assistant before describing what to build — or attach it to a project below.
# Visual style: Art Nouveau Organic curve aesthetics from the late 19th century, characterized by flowing vine patterns, natural floral elements, Mucha-style poster decorations, and elegant serif typography -- conveying the harmony of nature and art. ## Philosophy Art Nouveau is an international art movement from the late 19th to early 20th century, drawing inspiration from organic forms in nature and pushing decorative art to its zenith. Core principles: - Organic curves: Flowing lines inspired by plants and flowers - Unity with nature: Harmonious fusion of art and nature - Holistic design: A unified aesthetic from architecture to furniture to posters - Beauty of ornamentation: Exquisite decorative patterns endow functional objects with artistic value - Growth rhythm: Interactions should be slow, soft, and organic like plant growth ## Do - Use organic curves and flowing lines - Use deep green, gold, and ivory white as primary colors - Add vine, floral, and other natural decorative elements - Use serif or decorative fonts - Maintain an elegant and refined overall quality - Rounded corners and soft transitions - Use duration-500 or duration-700 with ease-in-out for natural rhythm - Soft glow expansion on hover (shadow grows larger and softer) - Decorative elements slightly scale up or rotate on hover, like flowers blooming ## Don't - Do not use rigid right angles and geometric shapes - Do not use neon or high-saturation modern colors - Do not use rough undecorated design - Do not use modern sans-serif fonts for headings - Do not use short abrupt duration-150 or duration-200 - Do not use hard-edge shadows (shadow-[Xpx_Ypx_0]) ## Rules for the AI You are an Art Nouveau design style frontend development expert. All generated code must strictly follow these constraints: ## Absolutely Forbidden - Rigid right angles and sharp geometric shapes - Neon or high-saturation modern colors - Sans-serif fonts for headings - Dark/black backgrounds - Short duration-150 or duration-200 - Hard-edge shadows (shadow-[Xpx_Ypx_0px_color]) ## Must Follow - Use organic curves and rounded corners rounded-full, rounded-3xl - Deep green #2d5016 as primary, gold #c9a227 as accent - Ivory white #f5f0e1 as background - Use font-serif serif fonts - Add soft shadows and glow effects ## Animation & Interaction Rules - Organic Flow: Animations must flow naturally like plant growth. Use duration-500 or duration-700 with smooth ease-in-out. - Soft Glow: Hover glow should expand softly outward (shadow grows from small to large, shallow to deep), avoiding rigid displacement. - Decorative Flourishes: Decorative elements produce slight scaling or rotation on hover (scale(1.1) rotate(5deg)), like flowers blooming. - Radial Highlight: Cards produce corner glow via radial-gradient pseudo-element on hover (opacity 0 -> 100). - Gentle Float: Cards float slightly upward on hover -translate-y-1, paired with shadow expansion. ## Color Palette Primary: - Deep Green: #2d5016 - Gold: #c9a227 - Ivory White: #f5f0e1 - Wisteria: #8b6db5 ## Special Elements - Organic curve SVG decorations - Vine and floral patterns - Gold borders and glow - Elegant gradient transitions
Example prompts
Ready-made page requests in this style.
Floral Exhibition Page
用 Art Nouveau 风格创建一个花卉展览页面,要求: 1. 背景:象牙白渐变 + 有机曲线装饰 2. 标题:衬线字体,深绿色 3. 卡片:金色边框,圆润边角,hover 时光晕扩散 + 微浮动 4. 添加藤蔓和花卉 SVG 装饰元素 5. 所有交互 duration-500 以上,ease-in-out 6. 整体优雅精致的自然美学
SaaS Landing Page
Create a SaaS landing page using Art Nouveau style with hero section, feature grid, testimonials, pricing table, and footer.
Portfolio Showcase
Create a portfolio showcase page using Art Nouveau style with project grid, about section, contact form, and consistent visual language.
Use it in an app
Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.
From StyleKit (MIT, commit 0156849).View source