Retro & Vintage Design Prompts

Design a Y2K-aesthetic landing page. Use bubble gradients (pink to lavender to baby blue), chrome/metallic text effects for headings, star and butterfly decorative elements, rounded bubbly shapes, and translucent panels. Font: futuristic rounded sans-serif. Include a hero with 3D-style text, floating decorative elements, and a pastel gradient background. Cards with glossy borders and subtle inner glow.

Create a synthwave-themed music app with shadcn/ui. Dark background (#0a0015) with neon accent colors: hot pink (#ff006e), electric cyan (#00f5ff), neon purple (#bf00ff). Include a retro grid perspective background, neon glow text for headings, and card components with neon border glow on hover. Use a sunset gradient (orange to pink to purple) for the hero section. Add retro-futuristic typography and scanline overlay effect.

Build a VHS-aesthetic portfolio in Next.js. Effects: CRT scanline overlay (repeating-linear-gradient), chromatic aberration on images (CSS filter with offset color channels), VHS tracking distortion on hover (CSS transform skew), noise texture overlay (SVG filter). Color palette: warm beige (#e8dcc8) background, washed-out pastels for accents. Typography: monospace for body, condensed sans-serif for headings. Include a 'PLAY/REC' badge UI element.

Generate React components with a retro computing aesthetic inspired by classic Macintosh and early Windows. Window component with title bar (gradient), close/minimize/maximize buttons, and content area. Use bitmap-style fonts (monospace), a limited 16-color palette, pixel-perfect borders (1px solid), and dithering patterns using CSS background-image. Include: Window, MenuBar, Button (beveled 3D effect), TextField, and ScrollBar components.

Design a 1970s-inspired blog homepage. Palette: burnt orange #d35400, mustard #e1ad01, avocado green #6b8e23, and cream #f5e6c8 as the page background with deep brown #3e2723 text. Typography: a chunky rounded display font (Cooper Black style) for the masthead at 64px, and a readable serif at 18px/1.7 for post excerpts. Use thick 3px brown borders, pill-shaped category tags, a repeating wavy-stripe divider (SVG) between sections, and slightly rotated polaroid-style post thumbnails with tape corners. Keep body text on cream at 7:1 contrast and reserve the loudest colors for headings and tags only.

Create a Frutiger Aero-style personal dashboard with shadcn/ui. Background: a glossy sky gradient from #7ec8e3 to #d0f0fd with a faint grass-green bottom edge #8bc34a and floating bubble highlights (radial-gradient circles at 20% white opacity). Cards: white at 70% opacity with 20px radius, a 1px inner white highlight border, and a glossy top sheen via a linear-gradient overlay from rgba(255,255,255,0.6) to transparent at 40% height. Accent: aqua #00b4d8 for buttons with a subtle bevel. Typography: Segoe UI or Frutiger-like humanist sans, 15px body #1a3c4e. Include a weather widget, media card, and clock, all with soft drop shadows (0 8px 24px rgba(0,60,90,0.15)).

Build an arcade CRT-style leaderboard page in Next.js. Background pure #000000 with a scanline overlay (repeating-linear-gradient, 3px period, rgba(255,255,255,0.04)) and a vignette via radial-gradient. Text in phosphor green #33ff33 using the Press Start 2P font: title 24px with a soft text-shadow glow (0 0 8px #33ff3388), score rows 14px with 20px line spacing and dotted leader lines between rank, name, and score. Top 3 ranks get amber #ffb000. Add a blinking INSERT COIN prompt (1s step animation, disabled under prefers-reduced-motion) and a curved-screen effect using a slight border-radius and inner box-shadow. Provide a plain high-contrast fallback list for screen readers.

Generate a deliberately 90s-web-revival personal homepage as a React component that stays accessible. Background: a subtle tiled pattern (CSS gradient checker in #c0c0c0 and #d4d4d4). Content in a centered 760px table-like layout with beveled panels: border styles outset 2px, backgrounds #e0e0e0, headings in navy #000080 Times-style serif at 28px. Include an animated-look marquee banner implemented with CSS transform (pausable, honoring prefers-reduced-motion), a visitor counter widget with seven-segment digits, 88x31 pixel badge links in the footer, and a guestbook form with classic gray inset inputs. Keep real link contrast at #0000ee on light gray and all images with alt text.