Prompt & style library

Neutral grey + link blue

UI/UX Pro Max

Category green + verified badge + map accent

UI/UX Pro Max

GitHub design language style with clean interface hierarchy, a refined grayscale system, blue interactive color, monospace code fonts, and developer-friendly information architecture.

StyleKit

Application layout with a fixed sidebar navigation and scrollable main content area. Ideal for admin dashboards, documentation sites, dashboards, and SaaS applications.

StyleKit

Clean, simple, spacious, functional, white space, high contrast, geometric, sans-serif, grid-based, essential. Best for Enterprise apps, dashboards, documentation sites, SaaS platforms, professional tools.

UI/UX Pro Max

BMW'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…

BMW Type Next Latin

Awesome DESIGN.md

An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (`#f7f7f4`) instead of the typical dark IDE atmosphere. Near-black warm ink (`#26251e`…

CursorGothic

Awesome DESIGN.md

A 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 (`…

Inter

Awesome DESIGN.md

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…

GT Walsheim Framer Medium

Awesome DESIGN.md

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…

Awesome DESIGN.md

Mintlify 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…

Inter

Awesome DESIGN.md

MongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB green ({colors.brand-green}) CTAs paired with stark white documentation surfaces. The signature green pill button is unm…

Euclid Circular A

Awesome DESIGN.md

A deep navy (#142b6f) anchors Ritual's entire experience — not as a background but as the brand's primary identity color, appearing on every key CTA, the site header, and the signature subscription flow. This is a brand…

CircularXX

Awesome DESIGN.md — e-commerce

Playdate'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…

Roobert

Awesome DESIGN.md — e-commerce

Malco Tools is a manufacturer-direct site for HVACR and building-construction hand tools, and the supplied CSS points to a utilitarian, catalog-driven interface rather than a lifestyle brand. The body font stack is futu…

futura-pt-bold

Awesome DESIGN.md — e-commerce

This interpretation is grounded in CSS extracted from the Nord Keyboards site, a Swedish

Awesome DESIGN.md — e-commerce

4 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…

Barlow

Awesome DESIGN.md — e-commerce

Lisson Gallery's public site exposes a deliberately restrained palette anchored in

Lisson Serif

Awesome DESIGN.md — e-commerce

Magic Spoon's supplied CSS centers on a saturated violet-purple, #3f0791, used consistently as the button background, border, and CTA text color across both the review-widget (Okendo) custom properties and the site's ow…

Poppins

Awesome DESIGN.md — e-commerce

Pfister's public site presents a clean, utilitarian home-improvement retail interface built on a light neutral canvas (#ffffff, #f4f5f5, #fcfbfb) with dark charcoal body copy (#3d3d3c) and near-black icon accents (#2222…

Awesome DESIGN.md — e-commerce

Banks 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…

Roboto

Awesome DESIGN.md — e-commerce

This interpretation is drawn from the BOOX Shop storefront, the official e-commerce site for Onyx's E Ink tablets, e-readers, and accessories. The observed palette is dominated by neutral grays and near-blacks (#000000,…

Roboto

Awesome DESIGN.md — e-commerce

Kwikset'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-…

Gotham SSm A

Awesome DESIGN.md — e-commerce

Snuza's public site runs on a Foundation-framework base, and the supplied CSS

Awesome DESIGN.md — e-commerce

Lakland'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…

Din Condensed

Awesome DESIGN.md — e-commerce

Drag City's stylesheet reflects a long-running independent label site built on

Georgia

Awesome DESIGN.md — e-commerce

Josh's Frogs presents as a high-volume specialty e-commerce site for captive-bred

niveau-grotesk

Awesome DESIGN.md — e-commerce

Snoozer's site CSS shows a warm, craft-shop palette built around a dark umber

Bitter

Awesome DESIGN.md — e-commerce

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

Lato

Awesome DESIGN.md — e-commerce

International Military Antiques presents itself as a utilitarian, catalog-driven commerce site rather than a heavily styled brand experience. The observed CSS is dominated by neutral grayscale values (#ffffff, #f8f8f8,…

Roboto

Awesome DESIGN.md — e-commerce

Pimax's marketing site runs on a light paper canvas (#f2f2f2) with near-black

Awesome DESIGN.md — e-commerce

Raw, unpolished, stark, high contrast, plain text, default fonts, visible borders, asymmetric, anti-design. Best for Design portfolios, artistic projects, counter-culture brands, editorial/media sites, tech blogs.

UI/UX Pro Max

Animation-heavy, microinteractions, smooth transitions, scroll effects, parallax, entrance anim, page transitions. Best for Portfolio sites, storytelling platforms, interactive experiences, entertainment apps, creative,…

UI/UX Pro Max

80s, geometric, playful, postmodern, shapes, patterns, squiggles, triangles, neon, abstract, bold. Best for Creative agencies, music sites, youth brands, event promotion, artistic portfolios, entertainment.

UI/UX Pro Max

Motion text, animated type, moving letters, dynamic, typing effect, morphing, scroll-triggered text. Best for Hero sections, marketing sites, video platforms, storytelling, creative portfolios, landing pages.

UI/UX Pro Max

Hand-drawn, collage, scanned textures, unfinished, imperfect, authentic, human, sketch, raw marks, creative process. Best for Creative portfolios, artist sites, indie brands, handmade products, authentic storytelling, e…

UI/UX Pro Max

Custom cursor, cursor as tool, hover effects, cursor feedback, pointer transformation, cursor trail, magnetic cursor. Best for Creative portfolios, interactive experiences, agency sites, product showcases, gaming, enter…

UI/UX Pro Max

Magazine layout, asymmetric grid, editorial typography, pull quotes, drop caps, column layout, print-inspired. Best for News sites, blogs, magazines, editorial content, long-form articles, journalism, publishing.

UI/UX Pro Max

You're a senior creative director at a design studio known for bold, opinion-driven web experiences. I'm briefing you on a new project. **Client:** ${company_name} **Industry:** ${industry} **Existing site:** ${if_there…

prompts.chat

Act as a web designer using Claude Design. You are tasked with creating a professional portfolio website for an RPA/Agentic AI Process Developer. Your goal is to design a site that effectively showcases the developer's…

prompts.chat