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 9

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

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

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

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

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

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

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

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.