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 13

Kinetic Typography

Style

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

StyleKit

Claymorphism Mobile (Nunito + DM Sans)

Font pairing

Nunito + DM Sans — claymorphism, clay, rounded, playful, candy, bubbly, soft, 3d, children, education, tactile, spring, nunito, dm sans

Nunito / DM Sans

UI/UX Pro Max

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

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

Material 3 Expressive (Mobile)

Style

material 3 expressive, vibrant color, spring motion, adaptive components, flexible typography, contrasting shapes, android. Best for Android, Wear OS, and Pixel-aligned products using Material 3 components.

UI/UX Pro Max

Frontend Design (Anthropic skill)

Guide

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Anthropic skills

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

Cal-inspired

Brand-inspired

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

Cal Sans

Awesome DESIGN.md

Clickhouse-inspired

Brand-inspired

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

Inter

Awesome DESIGN.md

JM Bullion-inspired

Brand-inspired

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

Open Sans

Awesome DESIGN.md — e-commerce

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

Classic Elegant

Font pairing

Playfair Display + Inter — elegant, luxury, sophisticated, timeless, premium, editorial

Playfair Display / Inter

UI/UX Pro Max

SaaS Mobile Boutique (Calistoga + Inter)

Font pairing

Calistoga + Inter — saas, boutique, electric, warm, editorial, bold, premium, fintech, business, dual font, human warmth

Calistoga / Inter

UI/UX Pro Max

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

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

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

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

Intercom-inspired

Brand-inspired

An editorial customer-service marketing canvas built around a soft cream-white ground, charcoal type set in Saans (Intercom's proprietary geometric sans), and a single confident Fin Orange (#ff5600) reserved for the Fin…

Full style reference · 23k chars

Saans

Awesome DESIGN.md

Supabase-inspired

Brand-inspired

An inspired interpretation of Supabaze's design language — an open-source database platform built on a clean white-and-near-black system with a single signature emerald-green CTA, a custom humanist sans display tier, an…

Full style reference · 21k chars

Circular

Awesome DESIGN.md

Uber-inspired

Brand-inspired

An inspired interpretation of Uber's design language — a transportation-and-delivery super-app brand whose web surface is a black-and-white duet, framed by a custom geometric display sans, accented by a single signature…

Full style reference · 35k chars

UberMove

Awesome DESIGN.md

Wise-inspired

Brand-inspired

An inspired interpretation of Wise's design language — a global money-transfer brand whose surface combines an unusually heavy near-black display sans (weight 900 at 64–126 px) with a vivid lime-green brand accent, sage…

Full style reference · 25k chars

Wise Sans

Awesome DESIGN.md

Collage Art

Style

Magazine collage and mixed-media aesthetics with paper cutouts, multi-layer stacking, torn paper edges, and mixed typography, creating a visually impactful handcrafted creative experience.

StyleKit

Research Lab / University Department palette

Palette

Institutional navy + research accent + serif headings

UI/UX Pro Max

Editorial Classic

Font pairing

Cormorant Garamond + Libre Baskerville — editorial, classic, literary, traditional, refined, bookish

Cormorant Garamond / Libre Baskerville

UI/UX Pro Max

Developer Mono

Font pairing

JetBrains Mono + IBM Plex Sans — code, developer, technical, precise, functional, hacker

JetBrains Mono / IBM Plex Sans

UI/UX Pro Max

Retro Vintage

Font pairing

Abril Fatface + Merriweather — retro, vintage, nostalgic, dramatic, decorative, bold

Abril Fatface / Merriweather

UI/UX Pro Max

Kids/Education

Font pairing

Baloo 2 + Comic Neue — kids, education, playful, friendly, colorful, learning

Baloo 2 / Comic Neue

UI/UX Pro Max

Kinetic Brutalism (Space Grotesk)

Font pairing

Space Grotesk + Space Grotesk — kinetic, brutalist, aggressive, uppercase, oversized, display, motion, street, bold, high-energy, zine

Space Grotesk

UI/UX Pro Max

Flat Design Mobile (System Bold)

Font pairing

Inter + Inter — flat, clean, system, bold, geometric, cross-platform, icon, poster, minimal, functional, responsive

Inter

UI/UX Pro Max

Neo Brutalism Mobile (Space Grotesk Bold)

Font pairing

Space Grotesk + Space Grotesk — neo brutalism, pop art, loud, bold, heavy, stickers, mechanical, high contrast, cream, gen-z

Space Grotesk

UI/UX Pro Max

Violet Bloom

Theme

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Light & dark

Plus Jakarta Sans

tweakcn

Twitter

Theme

shadcn/ui theme — light and dark tokens, Open Sans.

Light & dark

Open Sans

tweakcn

Mocha Mousse

Theme

shadcn/ui theme — light and dark tokens, DM Sans.

Light & dark

DM Sans

tweakcn

Neo Brutalism

Theme

shadcn/ui theme — light and dark tokens, DM Sans.

Light & dark

DM Sans

tweakcn

Claymorphism

Theme

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Light & dark

Plus Jakarta Sans

tweakcn

Pastel Dreams

Theme

shadcn/ui theme — light and dark tokens, Open Sans.

Light & dark

Open Sans

tweakcn

Ocean Breeze

Theme

shadcn/ui theme — light and dark tokens, DM Sans.

Light & dark

DM Sans

tweakcn

Northern Lights

Theme

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Light & dark

Plus Jakarta Sans

tweakcn

Soft Pop

Theme

shadcn/ui theme — light and dark tokens, DM Sans.

Light & dark

DM Sans

tweakcn

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.