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.
Bauhaus
StyleThe design philosophy of the German Bauhaus school, emphasizing functionalism, geometric forms, and primary color usage -- a modernist classic where form follows function.
StyleKit
Blueprint
StyleEngineering blueprint and technical drawing style with white lines on blue, grid coordinates, annotation lines, and dimension markers. Ideal for architecture, engineering, tech, and education.
StyleKit
Blueland-inspired
Brand-inspiredEvery product page at Blueland opens with a color-coded argument — lemon yellow (#fffcbb) for citrus, pale mint (#c8faa1) for eucalyptus, soft lavender (#fce5ff) for fresh linen — a candy-counter display that reframes c…
Full style reference · 20k charsGT-Pressura
Awesome DESIGN.md — e-commerce
Blue Bath-inspired
Brand-inspiredBlue Bath is a Los Angeles–based e-commerce retailer of kitchen and bathroom
Full style reference · 12k charsGeist
Awesome DESIGN.md — e-commerce
Kinetic Constructivism
StyleConstructivism set in motion. On bone-white paper, solid geometric primitives — discs, triangles, squares and thick diagonal bars in red, blue and yellow — are not placed but engineered to move along axes: discs orbit,…
Full style reference · 9k charsStyleKit
Launch Keynote
StyleAn Apple-keynote product-reveal aesthetic: a pitch-black stage, luminous product imagery, huge tight-tracking headlines and one electric-blue accent. The signature is a scroll-scrubbed frame sequence - a sticky canvas p…
Full style reference · 8k charsStyleKit
4 Wheel Parts-inspired
Brand-inspired4 Wheel Parts' site CSS exposes three declared brand variables: --primary (#F50028, a saturated red), --secondary (#FAE703, a bright safety-yellow), and --tertiary (#0058B3, a mid blue), layered over a large neutral gra…
Full style reference · 11k charsBarlow
Awesome DESIGN.md — e-commerce
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
Constructivism
StyleSoviet Constructivist poster style with bold red-and-black color schemes, diagonal compositions, geometric planes, and agitprop typography.
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
Mecha
StyleDesign style inspired by mecha anime like Gundam/EVA -- tech panels, warning signs, mechanical textures, military green and navy blue base with warning yellow and danger red, brimming with industrial power.
StyleKit
Dark Mode (OLED)
StyleDark theme, low light, high contrast, deep black, midnight blue, eye-friendly, OLED, night mode, power efficient. Best for Night-mode apps, coding platforms, entertainment, eye-strain prevention, OLED devices, low-light.
UI/UX Pro Max
Hashicorp-inspired
Brand-inspiredAn 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 charshashicorpSans
Awesome DESIGN.md
Dental Practice palette
PaletteFresh blue + smile yellow [Accent adjusted from #FBBF24]
UI/UX Pro Max
News/Media Platform palette
PaletteBreaking red + link blue
UI/UX Pro Max
Biohacking / Longevity App palette
PaletteBio red/blue + vitality green [Accent adjusted from #00E676]
UI/UX Pro Max
Voice Recorder & Memo palette
PaletteRecording red + waveform blue
UI/UX Pro Max
Email Client palette
PaletteInbox blue + priority red
UI/UX Pro Max
Arcade & Retro Game palette
PaletteNeon red+blue on dark + score green
UI/UX Pro Max
Meme & Sticker Maker palette
PaletteViral pink + comedy yellow + share blue
UI/UX Pro Max
Medication & Pill Reminder palette
PaletteMedical blue + alert red
UI/UX Pro Max
Kids Learning (ABC & Math) palette
PaletteLearning blue + play yellow + fun pink
UI/UX Pro Max
Parking Finder palette
PaletteAvailable blue/green + occupied red
UI/UX Pro Max
Emergency SOS & Safety palette
PaletteAlert red + safety blue
UI/UX Pro Max
Changelog / Release Notes palette
PaletteFeature green + fix blue + breaking red badges
UI/UX Pro Max
Patient Portal / Health Records palette
PaletteClinical blue + health green + alert red
UI/UX Pro Max
Broadcast Glitch
StyleThe motion packaging of a dying broadcast signal. On CRT black, scanlines crawl, RGB channels split into red-cyan jitter, SMPTE color bars sweep, and the picture occasionally jumps like bad tracking. This is the revival…
Full style reference · 8k charsStyleKit
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
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
Coinbase-inspired
Brand-inspiredAn institutional-grade crypto exchange whose marketing surfaces read like a quietly-confident financial-services brand. The base canvas is pure white; Coinbase Blue (`#0052ff`) is the single brand voltage, used scarcely…
Full style reference · 26k charsCoinbase Display
Awesome DESIGN.md
Composio-inspired
Brand-inspiredA developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (`#0007cd`). The page floor is near-black (`#0f0f0f`); cards…
Full style reference · 21k charsabcDiatype
Awesome DESIGN.md
Expo-inspired
Brand-inspiredA React Native developer-platform whose marketing site reads like a quietly-confident infrastructure brand. The base canvas is pure white with a soft sky-blue gradient atmospheric wash behind the hero; near-black ink (`…
Full style reference · 22k charsInter
Awesome DESIGN.md
Hp-inspired
Brand-inspiredAn 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 charsForma DJR Micro
Awesome DESIGN.md
Ibm-inspired
Brand-inspiredAn 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 charsIBM Plex Sans
Awesome DESIGN.md
Linear-inspired
Brand-inspiredA 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 charsLinear Display
Awesome DESIGN.md
Minimax-inspired
Brand-inspiredMiniMax 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 charsDM Sans
Awesome DESIGN.md
Mintlify-inspired
Brand-inspiredMintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documenta…
Full style reference · 44k charsInter
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
Mistral-inspired
Brand-inspiredMistral 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 charsPP Editorial Old
Awesome DESIGN.md
Slack-inspired
Brand-inspiredAn inspired interpretation of Slacc's design language — a workplace messaging brand built on a deep aubergine primary, with cream-lavender hero gradients, blue inline links, and pill CTAs. The system pairs a proprietary…
Full style reference · 25k charsSalesforce-Avant-Garde
Awesome DESIGN.md
Vercel-inspired
Brand-inspiredAn inspired interpretation of Vercel's design language — a developer-platform brand whose surface is a stark black-and-ink duet on near-white canvas, broken at hero scale by a multi-color mesh gradient (cyan / blue / ma…
Full style reference · 41k charsGeist
Awesome DESIGN.md
Coyuchi-inspired
Brand-inspiredA 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 charsTiempos Headline
Awesome DESIGN.md — e-commerce
Peloton-inspired
Brand-inspiredA dark, high-contrast fitness ecosystem built on a near-black canvas (#181a1d) and a single red voltage (#df1c2f) that fires across every primary CTA, leaderboard metric, and live-class indicator. The brand treats black…
Full style reference · 18k charsbrandon-grotesque
Awesome DESIGN.md — e-commerce
The Ordinary-inspired
Brand-inspiredA clinical skincare brand that uses a stark white canvas and a single red accent — #e83f42 — as its only emotional release, applied to the cart icon, sale badges, and the "Add to Cart" button that sits like a stop sign…
Full style reference · 16k charsJost
Awesome DESIGN.md — e-commerce
Jones Road-inspired
Brand-inspiredA beauty brand that trusts the quiet authority of a single accent — #ff5742, a coral-red that appears only on the primary CTA and the occasional badge, never in the hero imagery or product photography. The rest of the p…
Full style reference · 16k charsArticulat CF
Awesome DESIGN.md — e-commerce
Casper-inspired
Brand-inspiredA sleep-first brand that wraps its promise of better rest in a palette of deep, trustworthy blues and warm, accent-driven energy. The primary blue `#1e306e` reads like a midnight sky — confident, calm, and premium — whi…
Full style reference · 16k charsNewKansas-Medium
Awesome DESIGN.md — e-commerce
Panic (Playdate)-inspired
Brand-inspiredPlaydate's site evidence points to a bright, toy-like palette layered over a neutral, near-monochrome UI shell. The dominant accent is a warm brand yellow (#ffc833, close to the device's own #fbc651 shell color), paired…
Full style reference · 12k charsRoobert
Awesome DESIGN.md — e-commerce
Minisforum-inspired
Brand-inspiredMinisforum's storefront evidence shows a cool, technical e-commerce palette built on near-black text (#000000, #1a1a1a, #1d1d1f) over white and off-white canvases (#ffffff, #fafafa, #f5f5f5), with a saturated blue (#133…
Full style reference · 11k charsInter
Awesome DESIGN.md — e-commerce
Banks Power-inspired
Brand-inspiredBanks Power's site evidence shows a utilitarian, high-contrast industrial palette built around a near-black body ink (#2c2d2e) on white and light-grey (#f5f5f5) canvases, with a saturated red (#c50008, reinforced by #c6…
Full style reference · 11k charsRoboto
Awesome DESIGN.md — e-commerce
Cat Person-inspired
Brand-inspiredCat Person's observed CSS shows a restrained, clinical-clean palette anchored by true black (#000000) and white (#ffffff), with a soft powder-blue family (#c7dbf0, #8fb7e1, #e3edf7) used specifically for call-to-action…
Full style reference · 11k charsCooperLtBTWXX-Light
Awesome DESIGN.md — e-commerce
Kwikset-inspired
Brand-inspiredKwikset's site evidence shows a utilitarian, security-hardware register: a near-black text color paired with a saturated red (#d90114, hovering to #f00016 and darkening to #d01b32) used consistently across primary call-…
Full style reference · 11k charsGotham SSm A
Awesome DESIGN.md — e-commerce
Lakland-inspired
Brand-inspiredLakland's WordPress/Astra-based site presents a plain, trade-oriented storefront for a Chicago-built bass and guitar manufacturer. The only clearly site-authored colors in the supplied evidence are a mid-tone blue (#027…
Full style reference · 11k charsDin Condensed
Awesome DESIGN.md — e-commerce
AtGames-inspired
Brand-inspiredAtGames' storefront pairs a saturated brand yellow (#fbcd0a) with a near-black
Full style reference · 11k charsBarlow
Awesome DESIGN.md — e-commerce
JM Bullion-inspired
Brand-inspiredJM 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 charsOpen Sans
Awesome DESIGN.md — e-commerce
Rhino-Rack-inspired
Brand-inspiredThis interpretation is grounded in two coexisting token systems found in Rhino-Rack's stylesheet: a Bootstrap-derived utility palette (blues, grays, semantic reds/greens) and a custom brand palette exposed as CSS variab…
Full style reference · 11k charsdin-2014
Awesome DESIGN.md — e-commerce
Travelon-inspired
Brand-inspiredTravelon's storefront evidence points to a utilitarian, security-focused retail system built on a Bootstrap-derived token set. The root `:root` variables expose a muted primary (#696969), a yellow-green secondary/succes…
Full style reference · 10k charsDosis
Awesome DESIGN.md — e-commerce
Amrapali-inspired
Brand-inspiredAmrapali's observed CSS shows a stark black-and-white foundation (#000000, #ffffff) overlaid with a single saturated red accent (#e11931) used consistently as a hover/interaction color on buttons and links. Supporting n…
Full style reference · 10k charsCormorant Garamond
Awesome DESIGN.md — e-commerce
Cyber Chinese
StyleA collision and fusion of traditional Chinese aesthetics with cyberpunk sci-fi -- vermilion and gold paired with neon blue-purple, dragon-phoenix seals intertwined with neon lanterns in a futuristic Eastern fantasy.
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
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.