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 curated set: 286 entries with a live preview, chosen for detail and variety.
Full style references only 16

Musician Portfolio Website Design

App prompt

Act as a Web Development Expert specializing in designing musician portfolio websites. Your task is to create a beautifully designed website that includes: - Booking capabilities - Event calendar - Hero section with Web…

prompts.chat

E COMMERCE WEBSITE

App prompt

Here’s a strong **copy-paste prompt** you can use with ChatGPT, Claude, Gemini, or an AI website builder: Act as a senior full-stack web developer and UI/UX designer. I want you to build a modern, professional, fully re…

prompts.chat

Stripe-inspired

Brand-inspired

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

sohne-var

Awesome DESIGN.md

Swiss Poster

Style

Bold typography, grid alignment, primary color blocks, and experimental layouts. Rooted in the Swiss International Style poster design tradition, building information delivery through oversized type and strong visual hi…

StyleKit

Immersive Photo

Style

Photography is the interface. Full-bleed images fill the viewport with text floating over readability scrims; a slow Ken Burns drift lets stills breathe, a blur-up placeholder loads first and the real frame fades in. Th…

Full style reference · 7k chars

StyleKit

Luxe Lookbook

Style

The couture aesthetic of a fashion maison's digital flagship: a porcelain ground, ink-noir type, one muted gold; oversized high-contrast Didone serif display, a full-bleed silk-motion film hero, and a lookbook grid with…

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

Minimalist Flat

Style

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

StyleKit

Creative Studio

Style

A bold, confident portfolio style for design studios, agencies, and freelancers. Oversized typography, bold color blocking, rich hover states, client logo walls, and team grids — professional but never corporate, with p…

Full style reference · 7k chars

StyleKit

Warm Organic

Style

A warm, naturalist portfolio style for architects, interior designers, product designers, ceramic artists, and landscape architects. Think warm-toned minimalism: terracotta and clay colors, natural textures, soft shadow…

Full style reference · 6k chars

StyleKit

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

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

Mistral-inspired

Brand-inspired

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

PP Editorial Old

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

Tesla-inspired

Brand-inspired

Tesla'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 chars

Awesome DESIGN.md

Earthen Shop-inspired

Brand-inspired

Earthen Shop's captured CSS reveals a layered stylesheet: a Bootstrap-derived

Full style reference · 11k chars

Assistant

Awesome DESIGN.md — e-commerce

Banwood-inspired

Brand-inspired

Banwood's markup shows a Shopify-based storefront for Scandinavian-styled kids' balance

Full style reference · 11k chars

Figtree

Awesome DESIGN.md — e-commerce

Lowepro-inspired

Brand-inspired

Lowepro's stylesheet exposes a Bootstrap-derived variable system layered with a

Full style reference · 11k chars

Gilroy

Awesome DESIGN.md — e-commerce

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

Medieval Manuscript

Style

Medieval illuminated manuscript style with ornate drop-cap initials, parchment textures, gold and deep-red decorative borders. Gothic blackletter combined with illustrative elements.

StyleKit

Op Art

Style

Op Art movement style that uses geometric patterns to create optical illusions and a sense of motion. Black-and-white contrast at its core, supplemented by vibrating color pairs.

StyleKit

Kraken-inspired

Brand-inspired

Kraken's website is a clean, trustworthy crypto exchange that uses purple as its commanding brand color. The design operates on white backgrounds with Kraken Purple (`#7132f5`, `#5741d8`, `#5b1ecf`) creating a distincti…

Awesome DESIGN.md

minimalist-ui

Guide

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

taste-skill

high-end-visual-design

Guide

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look ch…

taste-skill

redesign-existing-projects

Guide

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanill…

taste-skill

Create a detailed travel itinerary in HTML format

App prompt

<!DOCTYPE html> <html> <head> <title>Travel Itinerary: Nanjing to Changchun</title> <style> body { font-family: Arial, sans-serif; } .itinerary { margin: 20px; } .day { margin-bottom: 20px; } .header { font-size: 24px;…

prompts.chat

Particles

Animation

Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.

Magic UI

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.