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.
Kinetic Typography
StyleType is the interface. On an ink-black stage the variable font itself becomes the animation: letters arrive one by one, weights breathe, widths stretch with scroll velocity. Motion belongs to the words alone, and a sing…
Full style reference · 7k 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
Binance-inspired
Brand-inspiredA confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconic yellow (#FCD535) carries every primary CTA, brand accent, and value-claim moment. Type runs Binance's custom BinanceN…
Full style reference · 40k charsBinanceNova
Awesome DESIGN.md
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
Bmw M-inspired
Brand-inspiredA motorsport-engineering interface anchored on a near-black canvas with white BMW Type Next Latin display headlines in confident UPPERCASE. The brand carries no decorative voltage — its energy comes from full-bleed auto…
Full style reference · 31k charsBMWTypeNextLatin
Awesome DESIGN.md
Bugatti-inspired
Brand-inspiredAn austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-bleed automotive photography as the only voltage. The system runs three custom Bugatti typefaces —…
Full style reference · 29k charsBugatti Display
Awesome DESIGN.md
Cal-inspired
Brand-inspiredA clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display typography. The system reads as friendly modern SaaS — generous whitespace, soft-rounded cards (~12…
Full style reference · 31k charsCal Sans
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
Clickhouse-inspired
Brand-inspiredA high-performance database interface anchored on near-pure black canvas with electric yellow as the brand voltage. White typography in confident sans, yellow CTAs, and yellow-text stat numbers carry the brand voice acr…
Full style reference · 26k charsInter
Awesome DESIGN.md
Cohere-inspired
Brand-inspiredCohere's 2026 web system is a controlled enterprise AI interface built from stark white editorial space, deep green-black product bands, soft mineral surfaces, rounded media cards, and a distinctive type split between m…
Full style reference · 20k charsCohereText
Awesome DESIGN.md
Miro-inspired
Brand-inspiredMiro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice — anchored by its signature canary yellow ({colors.brand-yellow}) wordmark over white canvas, broken open by colorf…
Full style reference · 37k charsRoobert PRO
Awesome DESIGN.md
Nintendo 2001-inspired
Brand-inspiredAn analysis of Nintendo.com's 2001 design language — a brushed-periwinkle "console chrome" interface where every panel is a beveled metal plate, navigation glows amber over a halftone-dotted carbon bar, and bold outline…
Full style reference · 39k charsArial
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
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
Tesla-inspired
Brand-inspiredTesla's website is an exercise in radical subtraction — a digital showroom where the product is everything and the interface is almost nothing. The page opens with a full-viewport hero that fills the entire screen with…
Full style reference · 22k charsAwesome DESIGN.md
Saatva-inspired
Brand-inspiredSaatva's design language is a study in restrained luxury — the brand sells mattresses and bedding, but the interface reads more like a heritage textile house than a sleep startup. The palette is anchored by warm earth t…
Full style reference · 19k charsGeorgia
Awesome DESIGN.md — e-commerce
Starface-inspired
Brand-inspiredStarface is a skincare brand that feels like a party on your face — a joyful, unapologetically playful rebellion against the shame and seriousness that often surrounds acne. The brand’s visual identity is built on a fou…
Full style reference · 17k charsABC Diatype Rounded Black
Awesome DESIGN.md — e-commerce
Drunk Elephant-inspired
Brand-inspiredA biocompatible skincare brand that feels like a clean, clinical apothecary crossed with a playful, colorful candy shop. The canvas is a crisp, almost clinical white (`#fefefe`) that gives way to a warm, muted gray (`#f…
Full style reference · 14k charsSentinelMedium
Awesome DESIGN.md — e-commerce
Malco-inspired
Brand-inspiredMalco Tools is a manufacturer-direct site for HVACR and building-construction hand tools, and the supplied CSS points to a utilitarian, catalog-driven interface rather than a lifestyle brand. The body font stack is futu…
Full style reference · 11k charsfutura-pt-bold
Awesome DESIGN.md — e-commerce
Aqara-inspired
Brand-inspiredAqara's homepage evidence shows a light, high-contrast interface built on white canvas
Full style reference · 11k charsAwesome 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
Sweet Loren's-inspired
Brand-inspiredSweet Loren's presents itself as a playful, better-for-you baking brand: gluten-free,
Full style reference · 11k charsPlayfair Display
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
Modoker-inspired
Brand-inspiredModoker's storefront CSS exposes a fundamentally grayscale interface system:
Full style reference · 10k charsBaskerville
Awesome DESIGN.md — e-commerce
Art Deco
StyleA luxurious design style from the 1920s-30s featuring geometric symmetrical patterns, gold decorations, elegant lines, and premium textures, conveying sophistication and prosperity.
StyleKit
Art Nouveau
StyleOrganic 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…
StyleKit
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
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
Constructivism
StyleSoviet Constructivist poster style with bold red-and-black color schemes, diagonal compositions, geometric planes, and agitprop typography.
StyleKit
Cottagecore
StylePastoral countryside aesthetics with floral patterns, embroidery textures, mushroom elements, and cozy homey feel. Soft serif fonts, rounded corners, and warm natural colors evoke a longing for simple rural life.
StyleKit
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
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
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
Generative Art
StyleAlgorithm-driven procedural visual aesthetics using mathematical functions, noise textures, and parametric graphics to create unique dynamic interfaces. Ideal for creative coding, data visualization, and art projects.
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
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
Medieval Manuscript
StyleMedieval illuminated manuscript style with ornate drop-cap initials, parchment textures, gold and deep-red decorative borders. Gothic blackletter combined with illustrative elements.
StyleKit
Pastel App UI
StyleA mobile-first pastel interface for community and content apps, using warm cream, lilac, mint, butter yellow, and coral to create a friendly but legible experience.
StyleKit
Skeuomorphism
StyleA digital design style that simulates real-world objects through textures, lighting, and materials to mimic physical items, bringing familiarity and intuitive experiences.
StyleKit
Ukiyo-e Digital
StyleInspired by Japanese ukiyo-e woodblock prints, featuring indigo, vermilion, and gold leaf as primary colors, flat design, bold outlines, wave patterns, and Hokusai-style composition -- blending traditional Eastern aesth…
StyleKit
VHS Aesthetic
Style80-90s VHS tape visual aesthetics with color distortion, scanline noise, and signal glitch effects. Ideal for nostalgia, retro tech, and creative video projects.
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
AI-Native UI
StyleChatbot, conversational, voice, assistant, agentic, ambient, minimal chrome, streaming text, AI interactions. Best for AI products, chatbots, voice assistants, copilots, AI-powered tools, conversational interfaces.
UI/UX Pro Max
Dimensional Layering
StyleDepth, overlapping, z-index, layers, 3D, shadows, elevation, floating, cards, spatial hierarchy. Best for Dashboards, card layouts, modals, navigation, product showcases, SaaS interfaces.
UI/UX Pro Max
Spatial UI (VisionOS)
StyleGlass, depth, immersion, spatial, translucent, gaze, gesture, apple, vision-pro. Best for Spatial computing apps, VR/AR interfaces, immersive media, futuristic dashboards.
UI/UX Pro Max
Educational App palette
PalettePlayful indigo + energetic orange [Accent adjusted from #F97316]
UI/UX Pro Max
Pet Tech App palette
PalettePlayful orange + trust blue
UI/UX Pro Max
Terminal CLI Monospace
Font pairingJetBrains Mono + JetBrains Mono — terminal, cli, hacker, monospace, matrix, developer, retro-future, command line, precision, OLED
JetBrains Mono
UI/UX Pro Max
design-taste-frontend
GuideAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable,…
taste-skill
minimalist-ui
GuideClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
taste-skill
industrial-brutalist-ui
GuideRaw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios,…
taste-skill
Meditation Timer
App promptBuild a mindfulness meditation timer using HTML5, CSS3, and JavaScript. Create a serene, distraction-free interface with nature-inspired design. Implement customizable meditation sessions with preparation, meditation, a…
prompts.chat
Music Player
App promptDevelop a web-based music player using HTML5, CSS3, and JavaScript with the Web Audio API. Create a modern interface with album art display and visualizations. Implement playlist management with drag-and-drop reordering…
prompts.chat
Drawing App
App promptCreate an interactive drawing application using HTML5 Canvas, CSS3, and JavaScript. Build a clean interface with intuitive tool selection. Implement multiple drawing tools including brush, pencil, shapes, text, and eras…
prompts.chat
Currency Exchange Calculator
App promptDevelop a comprehensive currency converter using HTML5, CSS3, JavaScript and a reliable Exchange Rate API. Create a clean, intuitive interface with prominent input fields and currency selectors. Implement real-time exch…
prompts.chat
Code Snippet Manager
App promptBuild a developer-focused code snippet manager using HTML5, CSS3, and JavaScript. Create a clean IDE-like interface with syntax highlighting for 30+ programming languages. Implement a tagging and categorization system f…
prompts.chat
Habit Tracker
App promptCreate a habit tracking application using HTML5, CSS3, and JavaScript. Build a clean interface showing daily, weekly, and monthly views. Implement habit creation with frequency, reminders, and goals. Add streak tracking…
prompts.chat
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.