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.

Curated · 286Everything · 1009Showing the whole library (1009 entries), including short or duplicate prompts.
Full style references only 33

Dark Gallery

Style

A dark photography gallery portfolio: near-black canvases let full-bleed images command absolute attention; warm amber accents highlight metadata and captions while ultra-light typography retreats into the background. F…

Full style reference · 6k chars

StyleKit

Cyberpunk Neon

Style

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

StyleKit

Dark Academia

Style

Classical university libraries, leather-bound books, classical literature, and vintage campus aesthetics. Deep brown and dark green palette with antique gold accents -- a warm and contemplative scholarly atmosphere.

StyleKit

Dark Mode

Style

Elegant dark interface design with low-contrast layering, subtle borders and highlights. Ideal for developer tools, professional applications, and night reading mode.

StyleKit

Neon Gradient

Style

Vivid 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

Dark Mode (OLED)

Style

Dark 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

Modern Dark Cinema (Inter System)

Font pairing

Inter + Inter — dark, cinematic, technical, precision, clean, premium, developer, professional, high-end utility

Inter

UI/UX Pro Max

Warp Background

Animation

A card with a time warping background effect.

Magic UI

Animated Background

Animation

Visually highlights selected items by sliding a background into view when hovered over or clicked. This smooth transition helps users focus on the active item, making it ideal for interactive lists, menus, or navigation…

Motion-Primitives

Particle System

Style

A floating particle network on deep dark tech backgrounds, using connection lines, pulses, and trails to create a sense of data flow. Ideal for tech companies, data visualization, and creative portfolios.

StyleKit

Pastel Goth

Style

A unique fusion of dark aesthetics and candy colors, pairing soft hues like pastel purple and pastel blue with gothic elements such as skulls and crosses. Dark backgrounds with pastel highlights.

StyleKit

Darkmatter

Theme

shadcn/ui theme — light and dark tokens, Geist Mono.

Light & dark

Geist Mono

tweakcn

Cinematic Video Hero

Style

A cinematic opener led by a short looping video. A poster frame paints first as the LCP; the muted video autoplays and loops only once in view; text sits on a readability scrim. Dark grading and slow motion build a trai…

Full style reference · 6k chars

StyleKit

Gothic Lolita

Style

Victorian lace, black ribbons, crosses and roses in dark elegance -- a dark romantic aesthetic blending Gothic architectural ornamentation with Lolita's exquisite details.

StyleKit

Fullscreen Hero

Style

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.

StyleKit

macOS Vibrancy

Style

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.

StyleKit

Modern Gradient

Style

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

StyleKit

Parallax Sections

Style

An immersive layout creating depth parallax effects through fixed backgrounds and scrolling content, with each full-screen section having its own background layer. Ideal for brand stories, product showcases, and immersi…

StyleKit

Watercolor Style

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.

StyleKit

Glassmorphism

Style

Frosted glass, transparent, blurred background, layered, vibrant background, light source, depth, multi-layer. Best for Modern SaaS, financial dashboards, high-end corporate, lifestyle apps, modal overlays, navigation.

UI/UX Pro Max

Cyberpunk UI

Style

Neon, dark mode, terminal, HUD, sci-fi, glitch, dystopian, futuristic, matrix, tech noir. Best for Gaming platforms, tech products, crypto apps, sci-fi applications, developer tools, entertainment.

UI/UX Pro Max

Cyberpunk Mobile (Orbitron + JetBrains Mono)

Font pairing

Orbitron + JetBrains Mono — cyberpunk, neon, glitch, hud, sci-fi, dark, matrix green, magenta, chamfered, tactical

Orbitron / JetBrains Mono

UI/UX Pro Max

Glassmorphism

Style

Premium frosted glass with a nocturne temperament. Deep ink scenes and restrained light wells; the glass borrows light instead of carrying color — gaussian blur, saturation boost, lit top edges and film grain make glass…

Full style reference · 10k chars

StyleKit

Shader Gradient

Style

A 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 chars

StyleKit

Linear Style

Style

StyleKit

Witchcore

Style

Occult aesthetic style with tarot cards, moon phase symbols, crystals, and herbal elements. Deep purple tones paired with golden mystical runes and shimmering stardust effects on dark backgrounds.

StyleKit

Neumorphism

Style

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.

Full style reference · 7k chars

StyleKit

Parallax Editorial

Style

Editorial layout with physical depth. On warm paper, foreground text and background layers scroll at different rates to build real parallax; sticky image-text interlock, chapter numbers and drop caps turn long-form into…

Full style reference · 7k chars

StyleKit

Airtable-inspired

Brand-inspired

A sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes from full-bleed signature cards in coral, dark green, peach, and dark navy that punctuate long-scroll…

Full style reference · 35k chars

Haas Groot Disp

Awesome DESIGN.md

Apple-inspired

Brand-inspired

A photography-first interface that turns marketing into a museum gallery. Edge-to-edge product tiles alternate light and dark canvases, framed by SF Pro Display headlines with negative letter-spacing and a single Action…

Full style reference · 37k chars

SF Pro Display

Awesome DESIGN.md

Claude-inspired

Brand-inspired

A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model sho…

Full style reference · 34k chars

Copernicus

Awesome DESIGN.md

Clay-inspired

Brand-inspired

A vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform). Anchors on white canvas with dark-navy primary CTAs, custom rounded display type, and saturated single-color feature cards — hot…

Full style reference · 26k chars

Plain Black

Awesome DESIGN.md

Composio-inspired

Brand-inspired

A 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 chars

abcDiatype

Awesome DESIGN.md

Cursor-inspired

Brand-inspired

An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (`#f7f7f4`) instead of the typical dark IDE atmosphere. Near-black warm ink (`#26251e`…

Full style reference · 22k chars

CursorGothic

Awesome DESIGN.md

Framer-inspired

Brand-inspired

A confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white display type set in GT Walsheim Medium with aggressive negative tracking, and a single confident b…

Full style reference · 29k chars

GT Walsheim Framer Medium

Awesome DESIGN.md

Lamborghini-inspired

Brand-inspired

Lamborghini's website is a cathedral of darkness — a digital stage where jet-black surfaces stretch infinitely and every element emerges from the void like a machine under a spotlight. The page is almost entirely black.…

Full style reference · 21k chars

Awesome DESIGN.md

Linear-inspired

Brand-inspired

A 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 chars

Linear Display

Awesome DESIGN.md

Lovable-inspired

Brand-inspired

Lovable's website radiates warmth through restraint. The entire page sits on a creamy, parchment-toned background (`#f7f4ed`) that immediately separates it from the cold-white conventions of most developer tool sites. T…

Full style reference · 17k chars

Awesome DESIGN.md

Mongodb-inspired

Brand-inspired

MongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB green ({colors.brand-green}) CTAs paired with stark white documentation surfaces. The signature green pill button is unm…

Full style reference · 32k chars

Euclid Circular A

Awesome DESIGN.md

Runwayml-inspired

Brand-inspired

Runway's interface is a cinematic reel brought to life as a website — a dark, editorial, film-production-grade design where full-bleed photography and video ARE the primary UI elements. This is not a typical tech produc…

Full style reference · 14k chars

Awesome DESIGN.md

Sanity-inspired

Brand-inspired

Sanity's website is a developer-content platform rendered as a nocturnal command center -- dark, precise, and deeply structured. The entire experience sits on a near-black canvas (`#0b0b0b`) that reads less like a "dark…

Full style reference · 21k chars

Awesome DESIGN.md

Spotify-inspired

Brand-inspired

Spotify's web interface is a dark, immersive music player that wraps listeners in a near-black cocoon (`#121212`, `#181818`, `#1f1f1f`) where album art and content become the primary source of color. The design philosop…

Full style reference · 13k chars

Awesome DESIGN.md

Superhuman-inspired

Brand-inspired

An 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 chars

Super Sans VF

Awesome DESIGN.md

Peloton-inspired

Brand-inspired

A dark, high-contrast fitness ecosystem built on a near-black canvas (#181a1d) and a single red voltage (#df1c2f) that fires across every primary CTA, leaderboard metric, and live-class indicator. The brand treats black…

Full style reference · 18k chars

brandon-grotesque

Awesome DESIGN.md — e-commerce

Ritual-inspired

Brand-inspired

A deep navy (#142b6f) anchors Ritual's entire experience — not as a background but as the brand's primary identity color, appearing on every key CTA, the site header, and the signature subscription flow. This is a brand…

Full style reference · 17k chars

CircularXX

Awesome DESIGN.md — e-commerce

Magic Spoon-inspired

Brand-inspired

Magic Spoon's supplied CSS centers on a saturated violet-purple, #3f0791, used consistently as the button background, border, and CTA text color across both the review-widget (Okendo) custom properties and the site's ow…

Full style reference · 11k chars

Poppins

Awesome DESIGN.md — e-commerce

Pfister-inspired

Brand-inspired

Pfister's public site presents a clean, utilitarian home-improvement retail interface built on a light neutral canvas (#ffffff, #f4f5f5, #fcfbfb) with dark charcoal body copy (#3d3d3c) and near-black icon accents (#2222…

Full style reference · 11k chars

Awesome DESIGN.md — e-commerce

Optima Batteries-inspired

Brand-inspired

Optima Batteries presents a dark, high-contrast storefront running on a Salesforce

Full style reference · 11k chars

KnockoutNo.67FullBantamweight

Awesome DESIGN.md — e-commerce

BendPak-inspired

Brand-inspired

The observed palette centers on a dark navy, "#152d45", which recurs across

Full style reference · 11k chars

Space Grotesk

Awesome DESIGN.md — e-commerce

Kwikset-inspired

Brand-inspired

Kwikset's site evidence shows a utilitarian, security-hardware register: a near-black text color paired with a saturated red (#d90114, hovering to #f00016 and darkening to #d01b32) used consistently across primary call-…

Full style reference · 11k chars

Gotham SSm A

Awesome DESIGN.md — e-commerce

Snoozer-inspired

Brand-inspired

Snoozer's site CSS shows a warm, craft-shop palette built around a dark umber

Full style reference · 10k chars

Bitter

Awesome DESIGN.md — e-commerce

Artipoppe-inspired

Brand-inspired

Artipoppe's public CSS evidence shows a restrained neutral system layered under a generic Bootstrap utility framework. Brand-specific rules are sparse but consistent: a dark charcoal (#32373c) fills solid buttons and fi…

Full style reference · 10k chars

Avenir Heavy

Awesome DESIGN.md — e-commerce

Kemper-inspired

Brand-inspired

Kemper's public site renders as a dark-themed interface: the observed

Full style reference · 10k chars

Lato

Awesome DESIGN.md — e-commerce

Blunt Umbrellas-inspired

Brand-inspired

Blunt Umbrellas' storefront draws from a restrained neutral system anchored by a dark charcoal

Full style reference · 10k chars

Blunt

Awesome DESIGN.md — e-commerce

Cash Cards Unlimited-inspired

Brand-inspired

Cash Cards Unlimited runs on a dark Shopify theme (`colorBody:#000000`,

Full style reference · 10k chars

Anton

Awesome DESIGN.md — e-commerce

Brutalist Web

Style

A 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

Editorial

Style

Elegant magazine typography style with serif headings, sans-serif body text, refined whitespace and grid systems. Inspired by high-end fashion magazines and newspaper layouts. Warm cream background, soft black text, fin…

StyleKit

Film Noir

Style

A dramatic visual style drawn from classic 1940-50s film noir. Extreme light-dark contrast, deep grayscale layers, diagonal shadows, and a mysterious atmosphere, suited for story-driven products, photography portfolios,…

StyleKit

Gothic

Style

Medieval Gothic architectural aesthetics -- pointed arches, rose windows, manuscript decorations, and cathedral atmosphere. Deep purple and blood red palette with gold ornamental lines, filled with dark and solemn myste…

StyleKit

Graffiti Street

Style

Street graffiti art style with spray-paint textures, bold clashing colors, hand-lettered tags, and brick-wall backgrounds. A visual expression of urban culture and rebellious spirit.

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.