fix: simplify template UI to minimal, consistent design

[AmanVarshney01]

Summary

• Remove gradients, box-shadows, backdrop-filter, colored eyebrows, and custom fonts (Instrument Sans, IBM Plex Sans) from all templates
• Unify all 5 UI templates (Next.js, SvelteKit, Astro, Nuxt, TanStack Start) on the same minimal style: white background, system font stack, 40rem max-width, small border-radius, simple 1px borders, muted gray text
• Restructure TanStack Start template to use the same class names (shell, panel, panelHeader, users) and page structure as the other templates, replacing its unique card, content, sectionHeader, list, listItem, checklist classes

Test plan

• Scaffolded each template with --yes --provider sqlite
• Ran npm install + prisma generate + npm run build for all 5 templates — all pass
• Verified framework docs (Next.js, SvelteKit, Astro, Nuxt, TanStack Start) confirm correct API usage

Summary by CodeRabbit

• Style

  • Refreshed design across all project templates with system font stacks, neutral color schemes, simplified typography, and optimized spacing for a cleaner, more minimal aesthetic.

• Refactor

  • Minor HTML structure adjustments in TanStack Start template to align with updated layout styling conventions.

[coderabbitai]

Walkthrough

The PR updates styling across multiple framework templates, replacing custom font stacks with system fonts, adjusting color schemes to lighter backgrounds and darker text, and tightening spacing and typography. One framework template also includes HTML markup restructuring.

Changes

Cohort / File(s)	Summary
Framework Template Styling Updates templates/create/astro/src/pages/index.astro.hbs, templates/create/next/src/app/globals.css, templates/create/nuxt/app/pages/index.vue.hbs, templates/create/svelte/src/routes/+page.svelte.hbs	Replaced custom font stacks with system fonts, updated color schemes to lighter backgrounds and darker text, reduced max-widths and adjusted padding/margins, simplified heading and text sizes/weights, and refined panel borders, spacing, and responsive adjustments across all template files.
TanStack Start Template Updates templates/create/tanstack-start/src/routes/index.tsx.hbs, templates/create/tanstack-start/src/styles.css	Restructured HTML markup to consolidate card-based layouts into panel-based structures, renamed sections and list components, updated class names (card→panel, listItem→plain li, list→users), and revised styling including font stack replacement, color adjustments, reduced spacing, simplified typography, and consolidated responsive rules.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title directly and accurately summarizes the main change: simplifying template UI across all five templates to a minimal, consistent design system.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch minimal-template-ui

📝 Coding Plan

• Generate coding plan for human review comments

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

PR preview published

• Version: 0.3.1-pr.30.46.1
• Tag: pr30
• Run with Bun: bunx create-prisma@pr30
• Run with npm: npx create-prisma@pr30
• Run with Yarn: yarn dlx create-prisma@pr30
• Run with pnpm: pnpm dlx create-prisma@pr30
• Run with Deno: deno run -A npm:create-prisma@pr30
• Workflow run: https://github.com/prisma/create-prisma/actions/runs/23240448354

[coderabbitai]

Actionable comments posted: 2

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 3f2c57e5-dc80-4290-8506-0946c048c265

📥 Commits

Reviewing files that changed from the base of the PR and between a7162ca and b6ba956.

📒 Files selected for processing (6)

• templates/create/astro/src/pages/index.astro.hbs
• templates/create/next/src/app/globals.css
• templates/create/nuxt/app/pages/index.vue.hbs
• templates/create/svelte/src/routes/+page.svelte.hbs
• templates/create/tanstack-start/src/routes/index.tsx.hbs
• templates/create/tanstack-start/src/styles.css