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.
Dark Gallery
StyleA 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 charsStyleKit
Dark Academia
StyleClassical 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
StyleElegant dark interface design with low-contrast layering, subtle borders and highlights. Ideal for developer tools, professional applications, and night reading mode.
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
Modern Dark Cinema (Inter System)
Font pairingInter + Inter — dark, cinematic, technical, precision, clean, premium, developer, professional, high-end utility
Inter
UI/UX Pro Max
Darkmatter
Themeshadcn/ui theme — light and dark tokens, Geist Mono.
Light & darkGeist Mono
tweakcn
Cyberpunk Neon
StyleA futuristic cyberpunk style with neon glow effects, dark backgrounds, and high-tech UI elements. Ideal for games, tech products, and creative studios.
StyleKit
Gothic Lolita
StyleVictorian lace, black ribbons, crosses and roses in dark elegance -- a dark romantic aesthetic blending Gothic architectural ornamentation with Lolita's exquisite details.
StyleKit
macOS Vibrancy
StyleNative 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
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
Pastel Goth
StyleA 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
Cyberpunk UI
StyleNeon, 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 pairingOrbitron + JetBrains Mono — cyberpunk, neon, glitch, hud, sci-fi, dark, matrix green, magenta, chamfered, tactical
Orbitron / JetBrains Mono
UI/UX Pro Max
Glassmorphism
StylePremium 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 charsStyleKit
Linear Style
StyleStyleKit
Cinematic Video Hero
StyleA 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 charsStyleKit
Airtable-inspired
Brand-inspiredA 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 charsHaas Groot Disp
Awesome DESIGN.md
Apple-inspired
Brand-inspiredA 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 charsSF Pro Display
Awesome DESIGN.md
Claude-inspired
Brand-inspiredA 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 charsCopernicus
Awesome DESIGN.md
Clay-inspired
Brand-inspiredA 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 charsPlain Black
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
Cursor-inspired
Brand-inspiredAn 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 charsCursorGothic
Awesome DESIGN.md
Framer-inspired
Brand-inspiredA 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 charsGT Walsheim Framer Medium
Awesome DESIGN.md
Lamborghini-inspired
Brand-inspiredLamborghini'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 charsAwesome 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
Mongodb-inspired
Brand-inspiredMongoDB 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 charsEuclid Circular A
Awesome DESIGN.md
Runwayml-inspired
Brand-inspiredRunway'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 charsAwesome DESIGN.md
Sanity-inspired
Brand-inspiredSanity'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 charsAwesome DESIGN.md
Spotify-inspired
Brand-inspiredSpotify'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 charsAwesome 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
Peloton-inspired
Brand-inspiredA 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 charsbrandon-grotesque
Awesome DESIGN.md — e-commerce
Pfister-inspired
Brand-inspiredPfister'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 charsAwesome DESIGN.md — e-commerce
Optima Batteries-inspired
Brand-inspiredOptima Batteries presents a dark, high-contrast storefront running on a Salesforce
Full style reference · 11k charsKnockoutNo.67FullBantamweight
Awesome DESIGN.md — e-commerce
BendPak-inspired
Brand-inspiredThe observed palette centers on a dark navy, "#152d45", which recurs across
Full style reference · 11k charsSpace Grotesk
Awesome DESIGN.md — e-commerce
Kwikset-inspired
Brand-inspiredKwikset'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 charsGotham SSm A
Awesome DESIGN.md — e-commerce
Snoozer-inspired
Brand-inspiredSnoozer's site CSS shows a warm, craft-shop palette built around a dark umber
Full style reference · 10k charsBitter
Awesome DESIGN.md — e-commerce
Artipoppe-inspired
Brand-inspiredArtipoppe'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 charsAvenir Heavy
Awesome DESIGN.md — e-commerce
Kemper-inspired
Brand-inspiredKemper's public site renders as a dark-themed interface: the observed
Full style reference · 10k charsLato
Awesome DESIGN.md — e-commerce
Blunt Umbrellas-inspired
Brand-inspiredBlunt Umbrellas' storefront draws from a restrained neutral system anchored by a dark charcoal
Full style reference · 10k charsBlunt
Awesome DESIGN.md — e-commerce
Cash Cards Unlimited-inspired
Brand-inspiredCash Cards Unlimited runs on a dark Shopify theme (`colorBody:#000000`,
Full style reference · 10k charsAnton
Awesome DESIGN.md — e-commerce
Film Noir
StyleA 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
StyleMedieval 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
Particle System
StyleA 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
Victorian Botanical
StyleVictorian-era botanical illustration style with delicate line-drawn plants, floral ornaments, and the elegance of a natural history museum. A classic pairing of dark green and gold.
StyleKit
Witchcore
StyleOccult 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
E-commerce Luxury palette
PalettePremium dark + gold accent [Accent adjusted from #CA8A04]
UI/UX Pro Max
Financial Dashboard palette
PaletteDark bg + green positive indicators
UI/UX Pro Max
Smart Home/IoT Dashboard palette
PaletteDark tech + status green
UI/UX Pro Max
Podcast Platform palette
PaletteDark audio + warm accent
UI/UX Pro Max
Music Streaming palette
PaletteDark audio + play green
UI/UX Pro Max
Video Streaming/OTT palette
PaletteCinema dark + play red
UI/UX Pro Max
Automotive/Car Dealership palette
PalettePremium dark + action red
UI/UX Pro Max
Theater/Cinema palette
PaletteDramatic dark + spotlight gold
UI/UX Pro Max
Coding Bootcamp palette
PaletteTerminal dark + success green
UI/UX Pro Max
Developer Tool / IDE palette
PaletteCode dark + run green
UI/UX Pro Max
Personal Finance Tracker palette
PaletteTrust blue + profit green on dark
UI/UX Pro Max
Ride Hailing / Transportation palette
PaletteMap dark + route blue
UI/UX Pro Max
Timer & Pomodoro palette
PaletteFocus red on dark + break green
UI/UX Pro Max
Password Manager palette
PaletteVault dark blue + secure green
UI/UX Pro Max
Calculator & Unit Converter palette
PaletteOperation orange on dark
UI/UX Pro Max
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.