Prompt & style library
286 hand-picked app briefs, design styles, themes, palettes, fonts and animation patterns — each a detailed prompt you can paste into any AI assistant. Free, no account needed to browse.
Frutiger Aero
StyleGlass-textured aesthetics from the Windows Vista/7 era, blending sky-blue gradients, translucent frosted glass panels, and natural elements for a fresh, airy digital-nature feel.
StyleKit
Shader Gradient
StyleA premium SaaS aesthetic built on a real-time WebGL fragment-shader mesh gradient. A slowly breathing iridescent field flows across a near-black canvas while frosted-glass panels float above it, paired with a clean mode…
Full style reference · 9k charsStyleKit
Blueprint
StyleEngineering blueprint and technical drawing style with white lines on blue, grid coordinates, annotation lines, and dimension markers. Ideal for architecture, engineering, tech, and education.
StyleKit
Modern Gradient
StyleVibrant modern gradient style with colorful gradient backgrounds, glass-textured cards, and dynamic lighting effects. Ideal for startups, digital products, and event pages.
StyleKit
Neon Gradient
StyleVivid gradient cards on dark backgrounds with thick colored borders and neon glow effects. Ideal for tech products, SaaS landing pages, and youth-oriented brands.
StyleKit
Animated Gradient Text
AnimationAn animated gradient background which transitions between colors for text.
Magic UI
Neon Gradient Card
AnimationA beautiful neon card effect
Magic UI
Blueland-inspired
Brand-inspiredEvery product page at Blueland opens with a color-coded argument — lemon yellow (#fffcbb) for citrus, pale mint (#c8faa1) for eucalyptus, soft lavender (#fce5ff) for fresh linen — a candy-counter display that reframes c…
Full style reference · 20k charsGT-Pressura
Awesome DESIGN.md — e-commerce
Blue Bath-inspired
Brand-inspiredBlue Bath is a Los Angeles–based e-commerce retailer of kitchen and bathroom
Full style reference · 12k charsGeist
Awesome DESIGN.md — e-commerce
Launch Keynote
StyleAn Apple-keynote product-reveal aesthetic: a pitch-black stage, luminous product imagery, huge tight-tracking headlines and one electric-blue accent. The signature is a scroll-scrubbed frame sequence - a sticky canvas p…
Full style reference · 8k charsStyleKit
Neon Retro
Style80s-90s retro-futuristic aesthetics with pink-purple gradients, neon colors, and glitch art effects. Includes Vaporwave, Synthwave, and Cyberpunk variants.
Full style reference · 8k charsStyleKit
Expo-inspired
Brand-inspiredA React Native developer-platform whose marketing site reads like a quietly-confident infrastructure brand. The base canvas is pure white with a soft sky-blue gradient atmospheric wash behind the hero; near-black ink (`…
Full style reference · 22k charsInter
Awesome DESIGN.md
Mintlify-inspired
Brand-inspiredMintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documenta…
Full style reference · 44k charsInter
Awesome DESIGN.md
Brutalist Web
StyleA return to the raw HTML aesthetics of the early 90s internet, with system fonts, blue underlined links, pure white backgrounds, and zero decoration -- content over form.
StyleKit
Holographic
StyleRainbow spectrum iridescent gradient aesthetics simulating holographic prismatic refraction and dynamic light effects for an otherworldly iridescent experience.
StyleKit
Stripe Style
StyleA refined and professional fintech style featuring Stripe purple as the primary color, complemented by gradient grid backgrounds, elegant card shadows, and smooth animations, ideal for payment products and developer too…
StyleKit
Synthwave
Style80s retro-futuristic music aesthetic with neon pink-purple palette, grid horizon, sunset gradients, and vintage tech feel -- brimming with nostalgic visions of the future.
StyleKit
Watercolor Style
StyleA design style inspired by watercolor painting, featuring soft color gradients, blurred edge effects, paper texture backgrounds, and flowing color diffusion, conveying artistry and poetry.
StyleKit
Y2K
StyleEarly-2000s futuristic aesthetic with metallic textures, transparent plastics, bubble elements, silver and rainbow gradients, brimming with optimistic visions of the digital age.
StyleKit
Dark Mode (OLED)
StyleDark theme, low light, high contrast, deep black, midnight blue, eye-friendly, OLED, night mode, power efficient. Best for Night-mode apps, coding platforms, entertainment, eye-strain prevention, OLED devices, low-light.
UI/UX Pro Max
Aurora UI
StyleVibrant gradients, smooth blend, Northern Lights effect, mesh gradient, luminous, atmospheric, abstract. Best for Modern SaaS, creative agencies, branding, music platforms, lifestyle, premium products, hero sections.
UI/UX Pro Max
Skeuomorphism
StyleRealistic, texture, depth, 3D appearance, real-world metaphors, shadows, gradients, tactile, detailed, material. Best for Legacy apps, gaming, immersive storytelling, premium products, luxury, realistic simulations, edu…
UI/UX Pro Max
Neubrutalism
StyleBold borders, black outlines, primary colors, thick shadows, no gradients, flat colors, 45° shadows, playful, Gen Z. Best for Gen Z brands, startups, creative agencies, Figma-style apps, Notion-style interfaces, tech bl…
UI/UX Pro Max
Slack-inspired
Brand-inspiredAn inspired interpretation of Slacc's design language — a workplace messaging brand built on a deep aubergine primary, with cream-lavender hero gradients, blue inline links, and pill CTAs. The system pairs a proprietary…
Full style reference · 25k charsSalesforce-Avant-Garde
Awesome DESIGN.md
Vercel-inspired
Brand-inspiredAn inspired interpretation of Vercel's design language — a developer-platform brand whose surface is a stark black-and-ink duet on near-white canvas, broken at hero scale by a multi-color mesh gradient (cyan / blue / ma…
Full style reference · 41k charsGeist
Awesome DESIGN.md
Casper-inspired
Brand-inspiredA sleep-first brand that wraps its promise of better rest in a palette of deep, trustworthy blues and warm, accent-driven energy. The primary blue `#1e306e` reads like a midnight sky — confident, calm, and premium — whi…
Full style reference · 16k charsNewKansas-Medium
Awesome DESIGN.md — e-commerce
Bauhaus
StyleThe design philosophy of the German Bauhaus school, emphasizing functionalism, geometric forms, and primary color usage -- a modernist classic where form follows function.
StyleKit
Dopamine Design
StyleStyleKit
Linear Style
StyleStyleKit
Travel/Tourism Agency palette
PaletteSky blue + adventure orange [Accent adjusted from #F97316]
UI/UX Pro Max
Airline palette
PaletteSky blue + booking orange [Accent adjusted from #F97316]
UI/UX Pro Max
Weather App palette
PaletteSky blue + sun amber
UI/UX Pro Max
Kinetic Constructivism
StyleConstructivism set in motion. On bone-white paper, solid geometric primitives — discs, triangles, squares and thick diagonal bars in red, blue and yellow — are not placed but engineered to move along axes: discs orbit,…
Full style reference · 9k charsStyleKit
Minimalist Flat
StyleUltra-minimal flat design with no shadows or gradients, creating hierarchy through color and whitespace. Ideal for portfolios, creative agencies, and art websites.
Full style reference · 7k charsStyleKit
Bmw-inspired
Brand-inspiredBMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive interface. On a light (cream-tinted white) canvas, BMW corporate blue (#1c69d4) carries ever…
Full style reference · 28k charsBMW Type Next Latin
Awesome DESIGN.md
Coinbase-inspired
Brand-inspiredAn institutional-grade crypto exchange whose marketing surfaces read like a quietly-confident financial-services brand. The base canvas is pure white; Coinbase Blue (`#0052ff`) is the single brand voltage, used scarcely…
Full style reference · 26k charsCoinbase Display
Awesome DESIGN.md
Composio-inspired
Brand-inspiredA developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (`#0007cd`). The page floor is near-black (`#0f0f0f`); cards…
Full style reference · 21k charsabcDiatype
Awesome DESIGN.md
Dell 1996-inspired
Brand-inspiredAn inspired interpretation of Dell.com's 1996 design language — a catalog-era enterprise web design built around a literal black page frame, vivid flat color-block "ribbon cards" tinted in sage, salmon, periwinkle, sky,…
Full style reference · 34k charsArial Black
Awesome DESIGN.md
Hashicorp-inspired
Brand-inspiredAn enterprise-infrastructure marketing canvas built around a near-black ground (#000000) and a system of per-product accent colors — Terraform purple, Vault yellow, Consul pink, Waypoint cyan, Vagrant blue — that act as…
Full style reference · 28k charshashicorpSans
Awesome DESIGN.md
Hp-inspired
Brand-inspiredAn inspired interpretation of HP's design language — a white-paper enterprise-consumer system anchored by HP Electric Blue (`#024ad8`) as the lone signal CTA, near-black ink (`#1a1a1a`) for headlines, geometric Forma-DJ…
Full style reference · 36k charsForma DJR Micro
Awesome DESIGN.md
Ibm-inspired
Brand-inspiredAn enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as the single confident accent, and a deliberately flat-square aesthetic where corners stay at 0–4px. Ty…
Full style reference · 26k charsIBM Plex Sans
Awesome DESIGN.md
Linear-inspired
Brand-inspiredA near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any tool in this collection), light gray text (#f7f8f8), and the signature Linear lavender-blue (#5e6ad2) used as the singl…
Full style reference · 24k charsLinear Display
Awesome DESIGN.md
Minimax-inspired
Brand-inspiredMiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red, magenta-pink,…
Full style reference · 38k charsDM Sans
Awesome DESIGN.md
Mistral-inspired
Brand-inspiredMistral AI brands itself with a singular signature — atmospheric sunset gradients (mustard, orange, deep red) layered over photography of mountains, plus a horizontal "sunset stripe" bar that closes every page. The syst…
Full style reference · 35k charsPP Editorial Old
Awesome DESIGN.md
Stripe-inspired
Brand-inspiredAn inspired interpretation of Stripi's design language — a financial-infrastructure brand built on a deep navy ink, an electric indigo primary, and a recurring atmospheric gradient mesh that occupies the upper third of…
Full style reference · 25k charssohne-var
Awesome DESIGN.md
Superhuman-inspired
Brand-inspiredAn inspired interpretation of Superhumon's design language — a fast-email productivity brand split between an editorial dark hero (deep indigo navy with violet-sky atmospheric backdrop and a portrait subject) and a quie…
Full style reference · 22k charsSuper Sans VF
Awesome DESIGN.md
Together-inspired
Brand-inspiredAn inspired interpretation of Together AI's design language — an AI infrastructure platform whose surface alternates between near-black hero bands (with a three-color orange-magenta-periwinkle gradient as the single pie…
Full style reference · 38k charsThe Future
Awesome DESIGN.md
X-inspired
Brand-inspiredAn inspired interpretation of xAI's design language — Elon Musk's frontier-AI company whose web surface is a strict near-black canvas broken only by white pill outlines, occasional warm sunset / dusk gradient accents, a…
Full style reference · 22k charsuniversalSans
Awesome DESIGN.md
Coyuchi-inspired
Brand-inspiredA tactile, earth-honoring bath and bedding brand that speaks in the quiet language of organic cotton and slow craft. The palette is anchored by a vivid, oceanic blue — `#00bbff` — that appears as a signature accent acro…
Full style reference · 21k charsTiempos Headline
Awesome DESIGN.md — e-commerce
4 Wheel Parts-inspired
Brand-inspired4 Wheel Parts' site CSS exposes three declared brand variables: --primary (#F50028, a saturated red), --secondary (#FAE703, a bright safety-yellow), and --tertiary (#0058B3, a mid blue), layered over a large neutral gra…
Full style reference · 11k charsBarlow
Awesome DESIGN.md — e-commerce
Minisforum-inspired
Brand-inspiredMinisforum's storefront evidence shows a cool, technical e-commerce palette built on near-black text (#000000, #1a1a1a, #1d1d1f) over white and off-white canvases (#ffffff, #fafafa, #f5f5f5), with a saturated blue (#133…
Full style reference · 11k charsInter
Awesome DESIGN.md — e-commerce
Cat Person-inspired
Brand-inspiredCat Person's observed CSS shows a restrained, clinical-clean palette anchored by true black (#000000) and white (#ffffff), with a soft powder-blue family (#c7dbf0, #8fb7e1, #e3edf7) used specifically for call-to-action…
Full style reference · 11k charsCooperLtBTWXX-Light
Awesome DESIGN.md — e-commerce
Lakland-inspired
Brand-inspiredLakland's WordPress/Astra-based site presents a plain, trade-oriented storefront for a Chicago-built bass and guitar manufacturer. The only clearly site-authored colors in the supplied evidence are a mid-tone blue (#027…
Full style reference · 11k charsDin Condensed
Awesome DESIGN.md — e-commerce
JM Bullion-inspired
Brand-inspiredJM Bullion's observed CSS shows a utilitarian e-commerce shell built on Open Sans (with Arial and sans-serif fallbacks) at a compact 15px/18px body rhythm, layered over a white canvas. The confirmed brand blue (#125ea7)…
Full style reference · 11k charsOpen Sans
Awesome DESIGN.md — e-commerce
Rhino-Rack-inspired
Brand-inspiredThis interpretation is grounded in two coexisting token systems found in Rhino-Rack's stylesheet: a Bootstrap-derived utility palette (blues, grays, semantic reds/greens) and a custom brand palette exposed as CSS variab…
Full style reference · 11k charsdin-2014
Awesome DESIGN.md — e-commerce
Cel Shading
StyleA rendering style inspired by traditional cel animation, featuring bold black outlines, flat color fills, hard shadows without gradients, and vivid saturated colors full of cartoon and game energy.
StyleKit
Claymorphism
StyleA 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.
StyleKit
Cyber Chinese
StyleA collision and fusion of traditional Chinese aesthetics with cyberpunk sci-fi -- vermilion and gold paired with neon blue-purple, dragon-phoenix seals intertwined with neon lanterns in a futuristic Eastern fantasy.
StyleKit
GitHub Style
StyleGitHub design language style with clean interface hierarchy, a refined grayscale system, blue interactive color, monospace code fonts, and developer-friendly information architecture.
StyleKit
Islamic Geometric
StyleIslamic geometric pattern design style with precise tessellation patterns, arabesque motifs, and the classic pairing of gold and deep blue.
StyleKit
Sources: StyleKit (MIT) · Awesome DESIGN.md (MIT) · UI/UX Pro Max (MIT) · tweakcn (Apache-2.0) · taste-skill (MIT) · Hallmark (MIT) · prompts.chat (CC0-1.0) · Anthropic skills (Apache-2.0) · awesome-cursorrules (CC0-1.0) · VoltAgent subagents (MIT) · wshobson agents (MIT) · Interface Design skill (MIT) · design.md (Google Labs) (Apache-2.0) · Magic UI (MIT) · Motion-Primitives (MIT) · Awesome DESIGN.md — e-commerce (MIT). Brand-inspired entries describe a look only — no names, logos or trademarks belong in your app.