Want this look? ♡
Copy a prompt below and generate kawaii cuteness with AI. ♡
Build me a complete, responsive business website in the KAWAII style — the Japanese aesthetic of cuteness perfected by Hello Kitty, Pokémon, Line Friends, and civic mascots like Kumamon: soft pastel color, everything rounded into chubby pill shapes, tiny hearts and stars and sparkles scattered like confetti, a bouncy rounded typeface, and soft chunky shadows. Cute is not childish here — it is engineered warmth that lowers a stranger's guard and builds instant emotional safety. Combine this style seed with my brief below. If I don't give you the details, invent a plausible business that suits this sweet, disarming look — a dessert café, a stationery shop, a pet-care service, a wellness or kids' app — 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 PASTEL PALETTE, the ROUNDED TYPE pairing, and the overall LAYOUT COMPOSITION. 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) ── • Round everything. No sharp corners anywhere — buttons, cards, inputs, images, and containers are pills or big soft-radius shapes. Chubby, huggable forms read as safe and friendly. • Soft pastel color only — candy pinks, baby blues, mint greens, lavender, butter yellow — low saturation, sweet, gentle. Never neon, never harsh, never warning-color aggression. • Soft chunky shadows lift elements off the page — generous, softly-blurred, gently colored drop shadows that make shapes feel plush and floaty (not the hard offset shadows of other styles). • Tiny decorations scattered like confetti — hearts, stars, sparkles, bows dotted around headings and cards. And a mascot: a simple friendly character with oversized eyes and minimal features (following the Hello Kitty principle — the less specific the expression, the more a viewer projects their own warmth onto it). A little face makes anything more approachable. • Motion is BOUNCE / BLOOM — things pop in with spring physics, wobble gently, and bloom open like a sticker peeling onto the page. Decorations bob. Never glitch, never snap harshly, never a hard mechanical slam. Honor prefers-reduced-motion, and keep ALL content visible without JavaScript. • CONTRAST (WCAG 2.2 AA, non-negotiable): pastels are LIGHT, so text on them fails easily — this is the trap to avoid. Every text/background pair must be ≥4.5:1 for body, ≥3:1 for large/headline. Set body and headline text in a dark enough ink (a deep plum, chocolate-brown, or charcoal that still feels warm — NOT a pastel) against the pastel grounds. NEVER pale-pink text on pale-pink, never white on butter-yellow or mint (that's near-invisible). A pastel used as a big filled panel or button is a background too — re-check the text on it and darken the ink until it clears AA. ── VARIABLES (choose one of each that fits my brand, then commit) ── • PASTEL PALETTE — bring MY brand colors if I give them, softened into pastels; otherwise choose a sweet set. Whatever the hues, keep them low-saturation and gentle: a soft ground (e.g. blush #FFF0F6 or a pale mint/lavender), two candy accents (e.g. bubblegum pink #FF7EB6 & sky blue #7AC7FF), and supporting mint / lavender / butter-yellow — plus one dark warm ink for text that clears AA. Examples (not required): blush + bubblegum-pink & sky-blue · pale mint + coral & lavender · butter-cream + peach & baby-blue. Keep them soft but always readable via the dark ink. • ROUNDED TYPE — one bouncy rounded display face + one friendly rounded body face, via Google Fonts. Display, pick one: Baloo 2 · Fredoka · Quicksand 700 · Baloo Bhaijaan 2. Body, pick one: Nunito · Quicksand · Varela Round. • LAYOUT COMPOSITION — choose one sweet feel and commit: a soft card grid of rounded pill-cards floating on the pastel ground; a playful scrapbook/sticker-book scatter where cards and decorations sit at gentle angles; a centered single-column flow with a big friendly mascot anchoring the hero; or generous rounded bands of alternating pastel color. Also settle on your own hero composition, shadow softness, and decoration density. ── MEDIA MODEL (rounded, friendly, mascot-led) ── Build most visuals from rounded shapes, soft color fills, the mascot character, and scattered heart/star/sparkle decorations. Where the business genuinely needs a photo (a product, a treat, the space, the team), place it inside a rounded soft-radius frame with a soft chunky shadow — never sharp-cornered, never harsh. Use a real placeholder <img> where a planned photo goes. Generate a mascot and imagery appropriate to MY business, not a reuse of any demo. WHAT THIS SITE MUST ACHIEVE (business goal): Make it instantly warm and clear who this business helps and what it offers; use the cuteness to lower a first-time visitor's guard and build trust and delight; reassure with real proof (happy customers, results, credentials, guarantees — whatever is true), kept friendly; and drive one clear, inviting next step — a sign-up, an order, a booking, a hello. 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 warmly move a stranger toward acting, each with one clear job, in an order that builds delight then trust then a friendly call to act. Include rounded 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 kawaii treatment. 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, friendly, encouraging, written to reassure and invite, not just to be cute. Never lorem. • Fully responsive and accessible: semantic landmarks, alt text, and the CONTRAST invariant enforced on EVERY section — especially dark-enough text on every pastel panel and pill-button. On mobile, keep the rounded pills, soft chunky shadows, scattered decorations, and bouncy motion. • Apply the chosen palette, rounded type, and layout to EVERY section, not just the hero.
Best for AI website builders — Lovable, v0, Bolt
Restyle my existing site into the KAWAII look — the Japanese aesthetic of cuteness perfected by Hello Kitty, Pokémon, Line Friends, and civic mascots like Kumamon: soft pastel color, everything rounded into chubby pill shapes, tiny hearts and stars and sparkles scattered like confetti, a bouncy rounded typeface, and soft chunky shadows. Keep ALL of my current content, copy, pages, and structure exactly as they are; change only the visual language so the page feels warm, safe, and disarmingly sweet. 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, softened into pastels. Push them into the kawaii logic: low-saturation and gentle, one soft ground, candy accents, plus one dark warm ink for text so it stays readable. Then make one ROUNDED TYPE choice and COMMIT — a bouncy rounded display + a friendly rounded body face that suit my brand. ── INVARIANTS (never break these) ── • Round everything — soften every card, button, input, image frame, and container into pills or big soft-radius shapes. No sharp corners left anywhere. • Repaint into soft pastels — desaturate my palette into candy pinks, baby blues, mints, lavender, butter yellow. Keep which brand color means what; just soften it. Never neon, never harsh. • Replace flat or hard shadows with soft chunky ones — generous, softly-blurred, gently colored drops that make elements feel plush and floaty. • Scatter tiny decorations — hearts, stars, sparkles, bows around headings and cards — and add a simple friendly mascot with oversized eyes and minimal features to warm the page. • Motion becomes BOUNCE / BLOOM — spring-physics pop-ins, gentle wobble, sticker-peel blooms; decorations bob. Remove every glitch, hard snap, and mechanical slam. Honor prefers-reduced-motion and never leave a section stuck invisible; keep content visible without JavaScript. • Never: sharp corners, neon or harsh saturated color, warning-color aggression, hard mechanical snapping motion — and never pastel-on-pastel text that can't be read. ── ROUNDED TYPE (pick one pairing to suit my brand, then commit) ── One bouncy rounded display (Baloo 2 · Fredoka · Quicksand 700 · Baloo Bhaijaan 2) + one friendly rounded body (Nunito · Quicksand · Varela Round), loaded via Google Fonts. Wrap any existing image in a rounded soft-radius frame with a soft chunky shadow (never sharp-cornered); replace hard icons and flat blocks with rounded shapes, the mascot, and scattered decorations. Keep it responsive and accessible — enforce WCAG 2.2 AA contrast on every block (≥4.5:1 body, ≥3:1 large). Pastels are light, so set body and headline text in a dark enough warm ink (deep plum, chocolate-brown, or warm charcoal — NOT a pastel) on every pastel ground and pill-button; NEVER pale-on-pale or white on butter-yellow/mint. Restyle what already exists so every section carries the kawaii system consistently — same content, sweeter skin.
Paste alongside your existing site/code for an AI coding agent to apply
Design a single section in the KAWAII style — the Japanese aesthetic of cuteness perfected by Hello Kitty, Pokémon, and Line Friends: soft pastel color, everything rounded into chubby pill shapes, tiny hearts and stars and sparkles scattered like confetti, a bouncy rounded typeface, and soft chunky shadows. 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 cheerful hero with a mascot, a friendly features row, a sweet pricing block, a testimonial wall of happy customers, a sign-up call-to-action, a product showcase. If I don't name one, build a cheerful hero with a mascot for a plausible business you invent that suits this sweet look. 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 ── • Round everything (pills and big soft-radius shapes, no sharp corners). Soft pastel color only — low-saturation, sweet, never neon or harsh. Soft chunky shadows lifting elements off the page. Tiny hearts / stars / sparkles scattered like confetti, plus a simple friendly mascot with oversized eyes and minimal features. Motion is BOUNCE / BLOOM — spring-physics pop-in, gentle wobble, sticker-peel bloom, bobbing decorations; never glitch or hard snap; content visible without JavaScript, honoring prefers-reduced-motion. • Never: sharp corners, neon or harsh saturated color, warning-color aggression, hard mechanical snapping motion — and never unreadable pastel-on-pastel text. ── VARIABLES (pick one of each, commit) ── • PASTEL PALETTE — bring my brand colors if I give them, softened into pastels; otherwise choose a sweet low-saturation set: a soft ground, two candy accents, supporting mint/lavender/butter-yellow, plus one dark warm ink for text. Examples (not required): blush + bubblegum-pink & sky-blue · pale mint + coral & lavender · butter-cream + peach & baby-blue. • ROUNDED TYPE — one bouncy rounded display (Baloo 2 / Fredoka / Quicksand 700 / Baloo Bhaijaan 2) + one friendly rounded body (Nunito / Quicksand / Varela Round), via Google Fonts. Build the section from rounded shapes, soft color fills, the mascot, and scattered decorations. If it genuinely needs an image, use a real placeholder <img> inside a rounded soft-radius frame with a soft chunky shadow — never a fake colored div standing in for a photo, never sharp-cornered. Include a friendly rounded pill 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): pastels are light, so set text in a dark enough warm ink (deep plum, chocolate-brown, or warm charcoal — not a pastel) on every pastel ground and pill-button; never white on butter-yellow/mint, never pale-on-pale. Write real, tailored copy for the subject, not lorem.
Good for a focused first pass, or a chat-based assistant like ChatGPT/Claude
Paste any prompt as-is — it builds a complete site with no edits. To make it yours, fill the “Your site” block with your business, pages, and goal; leave it blank and the prompt invents a fitting demo instead.