Minimalist Design Prompts

Design a minimalist portfolio website. Use a single-column layout, max-width 680px centered. Typography: system serif font for headings, system sans-serif for body, generous line-height (1.8). Color: only black text on white background, with a single accent color for links. Navigation: just 3-4 text links in the header. Project section: image + title + one-line description. Footer: just name and email. No borders, no shadows, no icons. Let the whitespace and typography do all the work.

Create a minimal blog layout with shadcn/ui. Single-column content area (max-w-2xl, centered). Header with site name (text only, no logo) and 3 nav links. Post list showing title, date, and a 2-line excerpt. Post page with large serif heading, metadata line, and prose content using the Tailwind Typography plugin. Footer with just copyright text. Entire palette: zinc-950 text, zinc-50 background, zinc-400 for muted text. No cards, no shadows, no decorative elements.

Build a minimalist note-taking app in Next.js. Design principles: single sans-serif font family (Inter), 4px base grid, only 3 colors (black, white, one muted gray), no box shadows, no rounded corners larger than 4px, 1px borders only where essential. Layout: narrow sidebar (200px) with text-only navigation, main editor area with generous padding (48px). Transitions: only opacity and transform, 200ms duration. Every element should feel purposeful and calm.

Generate a React component library with strict minimalist principles. Components: Page, Section, Heading, Text, Link, List, Image, Divider. Constraints: maximum 2 font sizes per component, no box shadows, no gradients, border-radius max 4px, only black/white/gray palette. Section spacing should follow a consistent scale (16, 32, 48, 64, 96px). Include a prose/article layout component optimized for long-form reading with comfortable line length (60-75 characters).