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 34

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

Elite Feedback Form Generator — Stunning UI with Next.js, React & TypeScript

App prompt

<role> You are an elite senior frontend developer with exceptional artistic expertise and modern aesthetic sensibility. You deeply master Next.js, React, TypeScript, and other modern frontend technologies, combining tec…

prompts.chat

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

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

Vibrant & Block-based

Style

Bold, energetic, playful, block layout, geometric shapes, high color contrast, duotone, modern, energetic. Best for Startups, creative agencies, gaming, social media, youth-focused, entertainment, consumer.

UI/UX Pro Max

Data-Dense Dashboard

Style

Multiple charts/widgets, data tables, KPI cards, minimal padding, grid layout, space-efficient, maximum data visibility. Best for Business intelligence dashboards, financial analytics, enterprise reporting, operational…

UI/UX Pro Max

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

Bugatti-inspired

Brand-inspired

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

Bugatti Display

Awesome DESIGN.md

Ferrari-inspired

Brand-inspired

A luxury-automotive brand whose marketing surfaces read as cinematic editorial. The base canvas is **near-black** (`#181818`) holding pure white display type; white-canvas bands appear only inside specific editorial con…

Full style reference · 24k chars

FerrariSans

Awesome DESIGN.md

Ibm-inspired

Brand-inspired

An enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as the single confident accent, and a deliberately flat-square aesthetic where corners stay at 0–4px. Ty…

Full style reference · 26k chars

IBM Plex Sans

Awesome DESIGN.md

LaTeX Paper

Style

The typographic language of LaTeX academic papers, brought to the web: Computer Modern feel, centered title and abstract, hierarchically numbered sections, theorem environments, numbered equations, booktabs tables, and…

StyleKit

Job and Internship Tracker for Google Sheets

App prompt

Act as a Career Management Assistant. You are tasked with creating a Google Sheets template specifically for tracking job and internship applications. Your task is to: - Design a spreadsheet layout that includes columns…

prompts.chat

Morphing Popover

Animation

A popover that transforms from its trigger into the content using layout animations. It visually morphs instead of appearing as a separate element.

Motion-Primitives

Cinematic Video Hero

Style

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

StyleKit

Airbnb-inspired

Brand-inspired

A warm, generous consumer marketplace anchored on a clean white canvas and Airbnb Rausch (#ff385c), the single brand voltage that carries every primary CTA, search-button orb, and rating dot. Type runs Airbnb Cereal VF…

Full style reference · 30k chars

Airbnb Cereal VF

Awesome DESIGN.md

Airtable-inspired

Brand-inspired

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

Haas Groot Disp

Awesome DESIGN.md

Binance-inspired

Brand-inspired

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

BinanceNova

Awesome DESIGN.md

Bmw M-inspired

Brand-inspired

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

BMWTypeNextLatin

Awesome DESIGN.md

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

Clay-inspired

Brand-inspired

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

Plain Black

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

Cohere-inspired

Brand-inspired

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

CohereText

Awesome DESIGN.md

Figma-inspired

Brand-inspired

A confident black-and-white editorial frame interrupted by oversized, hand-cut pastel color blocks. The marketing canvas is rigorously monochrome — figmaSans variable type, pure white surfaces, pure black ink, pill-shap…

Full style reference · 32k chars

figmaSans

Awesome DESIGN.md

Framer-inspired

Brand-inspired

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

GT Walsheim Framer Medium

Awesome DESIGN.md

Hashicorp-inspired

Brand-inspired

An enterprise-infrastructure marketing canvas built around a near-black ground (#000000) and a system of per-product accent colors — Terraform purple, Vault yellow, Consul pink, Waypoint cyan, Vagrant blue — that act as…

Full style reference · 28k chars

hashicorpSans

Awesome DESIGN.md

Hp-inspired

Brand-inspired

An inspired interpretation of HP's design language — a white-paper enterprise-consumer system anchored by HP Electric Blue (`#024ad8`) as the lone signal CTA, near-black ink (`#1a1a1a`) for headlines, geometric Forma-DJ…

Full style reference · 36k chars

Forma DJR Micro

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

Linear-inspired

Brand-inspired

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

Linear Display

Awesome DESIGN.md

Minimax-inspired

Brand-inspired

MiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red, magenta-pink,…

Full style reference · 38k chars

DM Sans

Awesome DESIGN.md

Miro-inspired

Brand-inspired

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

Roobert PRO

Awesome DESIGN.md

Notion-inspired

Brand-inspired

Notion presents itself as the all-in-one workspace through a confident, illustration-rich brand voice — anchored by a deep navy hero band ({colors.brand-navy}) decorated with brand-colored sticky-note dots and mesh wire…

Full style reference · 35k chars

Notion Sans

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

Together-inspired

Brand-inspired

An inspired interpretation of Together AI's design language — an AI infrastructure platform whose surface alternates between near-black hero bands (with a three-color orange-magenta-periwinkle gradient as the single pie…

Full style reference · 38k chars

The Future

Awesome DESIGN.md

Coyuchi-inspired

Brand-inspired

A tactile, earth-honoring bath and bedding brand that speaks in the quiet language of organic cotton and slow craft. The palette is anchored by a vivid, oceanic blue — `#00bbff` — that appears as a signature accent acro…

Full style reference · 21k chars

Tiempos Headline

Awesome DESIGN.md — e-commerce

Lyre's-inspired

Brand-inspired

Lyre's presents as a premium, editorial non-alcoholic spirits storefront built on a

Full style reference · 11k chars

Oswald

Awesome DESIGN.md — e-commerce

Sweet Loren's-inspired

Brand-inspired

Sweet Loren's presents itself as a playful, better-for-you baking brand: gluten-free,

Full style reference · 11k chars

Playfair Display

Awesome DESIGN.md — e-commerce

Kemper-inspired

Brand-inspired

Kemper's public site renders as a dark-themed interface: the observed

Full style reference · 10k chars

Lato

Awesome DESIGN.md — e-commerce

Ucon Acrobatics-inspired

Brand-inspired

Ucon Acrobatics presents itself as a Berlin-founded, B Corp-certified backpack

Full style reference · 10k chars

Roboto Condensed

Awesome DESIGN.md — e-commerce

Polaroid-inspired

Brand-inspired

Polaroid.com is confirmed as the brand's official US storefront, presenting

Full style reference · 10k chars

Awesome DESIGN.md — e-commerce

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

industrial-brutalist-ui

Guide

Raw 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

Meeting Room Booking Web App Development

App prompt

Act as a developer tasked with building a meeting room booking web app using PHP 7 and MySQL. Your task is to develop the application step by step, focusing on different roles and features. Your steps include: 1. **Crea…

prompts.chat

Digital Visiting Card Product Architect

App prompt

Act as a Senior Product Architect, UX Designer, and Full-Stack Engineer. Your task is to design and develop a digital visiting card application that is accessible via a link or QR code. You will: - Focus on creating a p…

prompts.chat

QuizFlix Mobile App Design for University Students

App prompt

Act as a Mobile App Designer specialized in creating innovative educational apps. You are tasked with designing QuizFlix, a mobile application for university students to engage in live quizzes. Your task is to: 1. **Fea…

prompts.chat

Finance Tracker App Development Plan

App prompt

Act as a Senior Flutter Architect + Product Engineer. You have over 10 years of experience building production-grade Flutter apps for Android and iOS, focusing on clean architecture, great UX, strong privacy, and fast i…

prompts.chat

Develop a UI Library for ESP32

App prompt

Act as an Embedded Systems Developer. You are an expert in developing libraries for microcontrollers with a focus on the ESP32 platform. Your task is to develop a UI library for the ESP32 with the following specificatio…

prompts.chat

Senior Product Engineer + Data Scientist for Turkish Car Valuation Platform

App prompt

Act as a Senior Product Engineer and Data Scientist team working together as an autonomous AI agent. You are building a full-stack web and mobile application inspired by the "Kelley Blue Book – What's My Car Worth?" con…

prompts.chat

Web App for Task Management and Scheduling

App prompt

Act as a Web Developer specializing in task management applications. You are tasked with creating a web app that enables users to manage tasks through a weekly calendar and board view. Your task is to: - Design a user-f…

prompts.chat

Tattoo Studio Booking Web App Development

App prompt

Act as a Web Developer specializing in responsive and visually captivating web applications. You are tasked with creating a web app for a tattoo studio that allows users to book appointments seamlessly on both mobile an…

prompts.chat

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

React / Next.js Frontend Architect

App prompt

# React / Next.js Frontend Architect You are a Senior React Frontend Engineer specializing in React 19, Next.js 15 App Router, TypeScript, Redux Toolkit, RTK Query, Node.js integration, Feature-Sliced Design (FSD), Clea…

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

Interactive Love Message HTML Page

App prompt

Act as a Web Developer. You are tasked with creating a simple and visually appealing HTML page for a partner. Your task is to create an interactive page that displays a beautiful message when clicked. You will: - Use HT…

prompts.chat

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

Morphing Dialog

Animation

A dialog that uses layout animations to transition content into a focused view. It supports click-outside and escape key functionalities for closing.

Motion-Primitives

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.