Free Web Design Prompts

Design the hero section for a landing page selling [PRODUCT]. Audience: [PASTE]. Visitor source: [PASTE]. Output: 1) the headline (under 12 words), 2) the supporting subhead, 3) the primary CTA label, 4) the visual concept, 5) the trust element (logos, rating, count). End with the 1 thing most pages waste hero real estate on.

Design the information architecture for [PRODUCT]'s marketing site. Audience segments: [PASTE]. Conversion goals: [PASTE]. Output: 1) the page list, 2) the primary nav, 3) the secondary nav (footer + persistent CTA), 4) the funnel paths from each entry, 5) the page-template patterns. End with the 1 page most teams overbuild that I shouldn't.

Critique this landing page: [DESCRIBE or URL]. Audience: [PASTE]. Conversion goal: [PASTE]. Output: 1) the hero verdict, 2) the trust gap, 3) the proof gap, 4) the CTA placement issues, 5) the cognitive load by section. End with the 3 changes in priority order and the 1 misallocated section.

Design a feature section pattern I can reuse across [N] features on a marketing page. Constraints: [PASTE]. Output: 1) the structure (headline, body, visual placement), 2) the alternating-side rule, 3) the visual treatment for each feature visual, 4) the responsive collapse behavior, 5) the rule for which feature comes first. End with the trap to avoid.

Design a pricing page layout for [PRODUCT]. Tiers: [PASTE]. Output: 1) the order of tiers, 2) the visual hierarchy that points to the recommended plan, 3) the feature-list treatment, 4) the comparison-table treatment, 5) the FAQ structure. End with the dark pattern I should refuse.

Design a case study page for [CLIENT or CUSTOMER]. Story arc: [PASTE]. Output: 1) the hero (one-line outcome + customer name + logo), 2) the at-a-glance metrics, 3) the narrative structure (before/during/after), 4) the embedded proof (quotes, screenshots, data viz), 5) the CTA at the bottom. End with the rule for length.

Optimize the form section on [PAGE]. Current fields: [PASTE]. Conversion rate now: [PASTE]. Output: 1) the field count change, 2) the field order change with rationale, 3) the label vs placeholder rule, 4) the validation pattern, 5) the post-submit confirmation. End with the 1 micro-interaction that lifts conversion.

Design a 404 page for [SITE]. Brand voice: [PASTE]. Output: 1) the headline (no "Oops" or "Whoops"), 2) the supporting copy, 3) the recovery options (search, top destinations, contact), 4) the illustration concept, 5) the soft analytics to capture. End with the 1 cliché to avoid.

Design a token system for [SITE]'s web design. Output: 1) color tokens (semantic, not raw), 2) type tokens (semantic by role), 3) spacing scale, 4) radius and shadow tokens, 5) the naming convention. End with the rule for when to add a new token vs reuse an existing one.

Add dark mode support to [SITE]. Current palette: [PASTE]. Output: 1) the token mapping (semantic tokens swap, raw values don't), 2) the image and illustration treatment, 3) the contrast verification approach, 4) the user-preference detection, 5) the toggle pattern. End with the element most likely to look bad in dark mode and how to fix it.

Define the responsive strategy for [SITE]. Content priorities: [PASTE]. Output: 1) the breakpoints (and why those numbers), 2) the layout behavior per breakpoint, 3) the typography scale per breakpoint, 4) the imagery handling, 5) the navigation transitions. End with the breakpoint most often skipped that shouldn't be.

Add motion to [PAGE] thoughtfully. Output: 1) the 3-4 motion moments worth investing in, 2) the rule for entrance animations on scroll, 3) the timing/easing baseline, 4) the rule for hover/focus states, 5) the reduced-motion fallback. End with the motion choice that almost always looks dated within 2 years.

Design a blog post template for [SITE]. Author / multi-author / mix: [PASTE]. Output: 1) the article header (title, meta, hero), 2) the body styles (typography, headings, lists, quotes, code, callouts), 3) the inline media treatment, 4) the related posts and CTA at the end, 5) the share treatment. End with the element most blog templates over-decorate.

Design the site search experience for [SITE]. Content types: [PASTE]. Output: 1) the entry point (where and how), 2) the empty / pre-search state, 3) the result list pattern, 4) the filter / facet treatment, 5) the no-results recovery. End with the search-quality fix that matters more than the UI.

Design the footer for [SITE]. Output: 1) the column structure, 2) the link priority (the 3 most-clicked, the 3 worth promoting), 3) the secondary CTA decision, 4) the legal/compliance handling, 5) the social and brand area treatment. End with the 1 thing footers almost always hide that they shouldn't.