Want this look?

Build me a complete, responsive business website in the MEMPHIS style — the gleefully-loud 1980s Milan look of clashing candy color, hand-drawn squiggles and confetti dots, and shapes that tilt and collide on purpose. Deliberately, confidently "wrong" by modernist rules — joy is the whole design goal, and nothing here whispers. Combine this style seed with my brief below. If I don't give you the details, invent a plausible business that suits this playful, irreverent look — an ice-cream shop, a kids' music school, a festival, a design agency — and build a full, real demo for it, not a placeholder. This style is a FAMILY, not a single template — the same seed should produce visibly different sites for different businesses. A few dimensions are yours to choose: the exact PALETTE within the clash logic, the TYPE pairing, and the overall LAYOUT APPROACH. Pick one of each that fits my brand and COMMIT to it across the whole site — every option below is equally on-style, so don't second-guess the choice with your own taste. ── INVARIANTS (never break these — they define the style) ── • Clashing flat color — bright, candy-saturated hues chosen precisely because color theory says they shouldn't sit together (hot pink beside cyan beside acid yellow beside violet). Each color is a flat, declarative block: NO gradients, NO blending, NO tints. The clash IS the style. • A thick near-black cartoon outline holds the chaos together — bold outlines around blocks, shapes, and callouts so nothing looks like an accident; structure underneath the noise. • Hand-drawn decorative marks scattered across the page — loose wavy squiggles with no symmetry, confetti dots, asymmetric zig-zags, little geometric shapes (triangles, semicircles, lightning bolts). Drawn fast and casually, anti-precision on purpose. • Joyful, deliberate imbalance — shapes tilt, overlap, and sit off-grid; a block rotated a few degrees, elements colliding rather than aligning. Asymmetry is the design, not a mistake to fix. • Motion is "scatter / tilt / pop": elements pop and bounce in, shapes scatter into place, things wobble or tilt playfully on hover. Never a calm slow fade or a soft float. Honor prefers-reduced-motion, and keep ALL content visible without JavaScript — never leave a section stuck invisible. • CONTRAST (WCAG 2.2 AA, non-negotiable): every text/background pair is ≥4.5:1 for body, ≥3:1 for large/headline text. Choose the ink from each block's ACTUAL background — near-BLACK text on cream/paper/yellow/lime/cyan/pink pastel blocks; WHITE or near-white text on violet/deep-blue/black blocks. NEVER white text on a yellow or cyan panel (that's ~1:1, invisible), and NEVER light text on a light card. Re-check every colored block on its own background. ── VARIABLES (choose one of each that fits my brand, then commit) ── • PALETTE — bring my own brand colors if I give them; otherwise choose a scheme. Whatever the hues, treat color as a bright CLASH: three or four candy-saturated colors that fight rather than harmonize, set against a warm cream/paper ground, all held by the near-black outline. Express it as tone and relationship — high saturation, primary-and-pastel-bright, flat and unblended, colors that "shouldn't" go together but do with total confidence. Example combos (not required): hot-pink & cyan & acid-yellow on cream · coral & teal & lilac · lime & magenta & cobalt. Never mute, harmonize, or blend them. • TYPE — one rounded, friendly, playful display face + one clean body face, loaded via Google Fonts. Display, pick one: Fredoka · Baloo 2 · Poppins 700 · Righteous. Body, pick one: DM Sans · Nunito · Work Sans · Inter. • LAYOUT APPROACH — choose one structural feel and commit: bold color bands each in a different clashing hue; a playful bento of tilted bordered cards; a scattered collage where shapes and blocks overlap and collide; type-driven with big outlined headings floating over confetti; or a grid deliberately knocked off-axis so cards sit at slight angles. Also settle on your own hero composition, outline weight, and how densely you scatter the squiggles. ── MEDIA MODEL (code-native, playful) ── Build most visuals from FLAT COLOR SHAPES, hand-drawn SQUIGGLES and CONFETTI DOTS, and bold OUTLINED TYPE — geometric marks, tilted badges, squiggle dividers, dot-scatter fields. Where the business genuinely needs a photo (a product, a space, the team), frame it inside a thick outlined shape, often tilted a few degrees, sometimes with a confetti scatter behind it — never a flat corporate rectangle. Generate marks and imagery appropriate to MY business, not a reuse of any demo. WHAT THIS SITE MUST ACHIEVE (business goal): Make it instantly clear who this business helps and what it offers, in a voice that's warm, confident, and fun; explain the value plainly; reduce a first-time visitor's doubt with real proof (results, reviews, names, guarantees — whatever is true for the business); and drive one clear next step — an enquiry, a booking, a visit, a sign-up. Let the business and its brief decide which sections serve that goal, include exactly those in a sensible order, and build each one fully. BUILD REQUIREMENTS — ship a complete, usable site, not a hero mock: • Real information architecture driven by MY business and goal — whatever sections genuinely move a stranger toward acting, each with one clear job, in an order that builds understanding then trust then action. Include working navigation and a footer. • Don't be lazy with any section: each carries real content depth (never a title plus one thin line), proper internal hierarchy, and the full Memphis treatment — clash color, outlines, scattered marks, playful tilt. If a section only serves the style, cut it; if a section serves the goal but feels thin, flesh it out. • Real, tailored copy for MY business — warm, upbeat, human, written to build trust and invite action, not just to be loud. Never lorem. • Fully responsive and accessible: semantic landmarks, alt text, and the CONTRAST invariant enforced on EVERY section — especially bright colored panels. On mobile, stack the blocks but keep the clash color, thick outlines, scattered squiggles, and playful tilt. • Apply the chosen palette, type, and layout approach to EVERY section, not just the hero.

Best for AI website builders — Lovable, v0, Bolt

Restyle my existing site into the MEMPHIS look — the gleefully-loud 1980s Milan aesthetic of clashing candy color, hand-drawn squiggles and confetti dots, thick cartoon outlines, and shapes that tilt and collide on purpose. Keep ALL of my current content, copy, pages, and structure exactly as they are; change only the visual language so the page turns loud, playful, and deliberately off-kilter. Do not invent new pages, remove sections, or rewrite my words. Keep MY brand hues — carry my existing brand colors into the scheme rather than swapping in new ones. Just push them into the Memphis color logic: flat and unblended, set in a bright high-saturation clash against a warm cream/paper ground, all held together by a thick near-black outline. Then make one TYPE choice and COMMIT — a rounded playful display + a clean body that suit my brand. ── INVARIANTS (never break these) ── • Clashing flat color — turn my palette into candy-bright, high-saturation blocks that fight rather than harmonize; each color sits alone as a flat declarative block. Strip every gradient, tint, and blended fill. • A thick near-black cartoon outline around cards, panels, shapes, and callouts — structure holding the noise together. • Scatter hand-drawn marks across the page — loose squiggles, confetti dots, zig-zags, little geometric shapes — as decoration between and behind the existing content. • Joyful, deliberate imbalance — let blocks tilt a few degrees, overlap, and sit off a rigid grid; asymmetry is the design. • Motion becomes "scatter / tilt / pop": pop-and-bounce entrances per section + a playful wobble/tilt on hover for buttons and cards. Remove every calm slow fade and soft float. Honor prefers-reduced-motion and never leave a section stuck invisible; keep content visible without JavaScript. • Never: gradients, blended or muted/harmonized palettes, rigid ruler-straight symmetry with no looseness, a restrained single-accent scheme, delicate refined type. ── TYPE (pick one pairing to suit my brand, then commit) ── One rounded playful display (Fredoka · Baloo 2 · Poppins 700 · Righteous) + one clean body (DM Sans · Nunito · Work Sans · Inter), loaded via Google Fonts. Wrap any existing image in a thick outlined shape, often tilted a few degrees, sometimes with a confetti scatter behind it (never full-bleed, never a flat corporate rectangle); replace decorative gradients and soft icons with flat color shapes, outlined badges, or squiggle marks. Keep it responsive and accessible — enforce WCAG 2.2 AA contrast on every block (≥4.5:1 body, ≥3:1 large; pick the ink from each block's ACTUAL background: near-black text on cream/yellow/cyan/pink, white on violet/deep-blue/black; NEVER white on yellow or light-on-light). Restyle what already exists so every section carries the Memphis system consistently — same content, new joyfully loud skin.

Paste alongside your existing site/code for an AI coding agent to apply

Design a single section in the MEMPHIS style — the gleefully-loud 1980s Milan look of clashing candy color, hand-drawn squiggles and confetti dots, thick cartoon outlines, and shapes that tilt on purpose. A low-commitment preview of the style, built richly for whatever section I ask for. Tell me in your own words, alongside this prompt, which section you want and the job it has to do — a hero that lands who you are, a services row, a pricing block, a testimonial wall, a booking call-to-action, a project showcase. If I don't name one, build a bold, playful hero for a plausible business you invent that suits this joyful style. Whatever the section, build it fully and richly — don't be lazy: real, tailored copy, proper hierarchy, and depth, not a title plus one thin line. ── INVARIANTS ── • Clashing flat candy color — three or four high-saturation hues that "shouldn't" go together, each a flat declarative block, no gradients or tints. A thick near-black cartoon outline holds it together. Hand-drawn squiggles, confetti dots, and little geometric marks scattered around. Joyful deliberate imbalance — shapes tilt and overlap off-grid. Motion is one pop-and-bounce entrance plus a playful wobble/tilt on hover; no calm fades or floats; content visible without JavaScript, honoring prefers-reduced-motion. • Never: gradients, blended or muted/harmonized palettes, rigid symmetry with no looseness, a restrained single-accent scheme, delicate refined type. ── VARIABLES (pick one of each, commit) ── • PALETTE — bring my brand colors if I give them; otherwise choose a bright CLASH of three or four candy-saturated colors that fight rather than harmonize, on a warm cream/paper ground, held by the near-black outline. Keep it flat, high-saturation, unblended. Example combos (not required): cream + hot-pink & cyan & acid-yellow · cream + coral & teal & lilac · cream + lime & magenta & cobalt. • TYPE — one rounded playful display (Fredoka / Baloo 2 / Poppins 700 / Righteous) + one clean body face (DM Sans / Nunito / Work Sans / Inter), via Google Fonts. Build the section from FLAT COLOR SHAPES, hand-drawn SQUIGGLES and CONFETTI, and bold OUTLINED TYPE. If it genuinely needs an image, use a real placeholder <img> framed in a thick outlined shape, often tilted a few degrees — never a fake colored div standing in for a photo, never full-bleed. Include a bold, playful primary button where the section's job calls for one. Make it responsive and accessible — WCAG 2.2 AA contrast (≥4.5:1 body, ≥3:1 large): pick the ink from the actual background (near-black on cream/yellow/cyan/pink, white on violet/deep-blue/black), never white on yellow or light-on-light. Write real, tailored copy for the subject, not lorem.

Good for a focused first pass, or a chat-based assistant like ChatGPT/Claude