动漫风格设计提示词

Design a Studio Ghibli-inspired landing page. Use a warm, watercolor-like color palette: sky blue (#87CEEB), meadow green (#7CB342), warm cream (#FFF8E1), sunset orange (#FF8A65). Typography: rounded, friendly sans-serif with handwritten accents. Hero section with a panoramic illustration background, floating cloud elements with parallax scroll. Cards with soft rounded corners (16px), paper-like texture, and gentle shadow. Navigation as a whimsical ribbon-style bar.

Create a cyber anime-themed portfolio using shadcn/ui. Dark base (#0d0d0d) with electric accent colors: neon pink (#ff3366), cyber blue (#00ccff), matrix green (#00ff88). Include: glitch text effect for the main heading, a card grid with neon border glow, anime-style speed lines as decorative background elements, and a hamburger menu that slides in with a slash animation. Use bold, condensed typography for headings and clean sans-serif for body text.

Build a visual novel-style interactive story page in Next.js. Include: a full-screen background image area for scenes, a semi-transparent text box at the bottom with character name and dialogue, choice buttons that appear over the scene, a side panel for character status/inventory. Use typewriter text animation for dialogue. Color scheme: deep navy background with soft pink and gold accents. Include a save/load UI overlay with slot cards.

Generate a React component that creates a manga-panel-style page layout. The layout should arrange content blocks like manga panels: varying sizes, some full-width for dramatic moments, some in 2-3 column grids for dialogue scenes. Each panel has a thick black border (3px), slight rotation on hover (-1 to 1 degree), and supports both image and text content. Include speech bubble components with the classic manga tail style. Use CSS Grid for the panel arrangement.

Design a kawaii-style landing page for an anime-themed cafe. Palette: strawberry pink #ffb7c5, cream #fff5eb background, mint #a8e6cf, and cocoa brown #6d4c41 for text so contrast stays readable. Typography: a rounded friendly sans (M PLUS Rounded 1c) with headings at 40px and 24px letter-spacing 0.02em. Hero: mascot illustration on the right, wobbly blob background shapes (border-radius 60% 40% 55% 45%), and a pill CTA in pink with a 2px cocoa border and a 2px offset hard shadow. Menu cards: 20px radius, pastel headers, dashed dividers. Add floating sakura petals with a slow CSS drift animation, disabled under prefers-reduced-motion.

Create a high-energy shounen anime event landing page with shadcn/ui. Palette: hero red #e63946, gold #ffb703, ink black #14110f background, off-white #faf3e0 text. The hero headline uses a heavy italic condensed font at 72px, clipped by a diagonal slash (clip-path polygon) with manga speed lines radiating from center as an SVG background. Section breaks are 4-degree skewed bands; countdown timer digits at 56px gold tabular-nums on black cards with 3px red borders. CTA button: gold with black text, hover state shifts 4px with a hard red shadow. Keep all text on black at 4.5:1 contrast and provide static alternatives when prefers-reduced-motion is set.

Build an anime streaming app home screen in Next.js with Tailwind. Dark cinema base #0f0f13 with cards #1a1a22 and 12px radius. Hero carousel: full-bleed key art with a bottom gradient to #0f0f13, show title in a bold display font at 44px, and genre chips (12px, background rgba(255,255,255,0.08)). Content rows: horizontal scroll with scroll-snap, 2:3 poster cards that scale to 1.05 on hover with a #ff4d6d glow ring, episode progress bars 3px in #ff4d6d. Typography: 15px body #b8b8c4, white titles. Add keyboard navigation for the carousel (arrow keys plus visible focus ring) and lazy-load posters with a blur-up placeholder.

Generate a shoujo manga-inspired blog layout as a React component. Palette: blush #fde2e4 background, rose #e56b6f accents, plum #4a2545 text for readable contrast, and gold #d4a373 details. Decorate section corners with sparkle and rose SVG motifs at 10% opacity so they never obscure text. Post cards: white with a 2px rose border, 18px radius, a ribbon-shaped category tag, and a halftone screentone dot pattern (radial-gradient 2px dots) in card headers. Typography: an elegant serif (Cormorant) for 32px titles paired with a 16px/1.7 humanist sans body. Include a featured-post hero with a soft radial glow and hover states that lift cards 4px over 200ms ease-out.