Skip to content

Refactor homepage copy/layout and tighten spacing - #141

Open
feynon wants to merge 1 commit into
mainfrom
codex/improve-homepage-visual-consistency
Open

Refactor homepage copy/layout and tighten spacing#141
feynon wants to merge 1 commit into
mainfrom
codex/improve-homepage-visual-consistency

Conversation

@feynon

@feynon feynon commented Aug 10, 2026

Copy link
Copy Markdown
Member

Motivation

  • Make the minimal homepage copy, headings, and feature/use-case blocks more consistent and easier to style by simplifying markup and adding semantic wrapper elements.
  • Reduce visual spacing and improve type/line-height defaults so hero and below-the-fold content align more predictably across breakpoints.

Description

  • Refactored components/home-content.tsx to pull section headings out of nested wrappers, add minimal-copy-content containers for section bodies, and group use cases into a .minimal-use-case-list wrapper to enforce consistent spacing and structure.
  • Moved the atmosphere icon/note into the new atmosphere content wrapper and adjusted details/summary markup so disclosure lists follow the shared .minimal-copy structure.
  • Updated app/globals.css spacing and type scale for the minimal home layout: changed .minimal-copy margins/gaps, increased .minimal-copy-heading size/tightened line-height, adjusted minimal-copy-lede margins/line-height, and added utility rules .minimal-copy-content, .minimal-use-case-list, and .minimal-atmosphere-content to control vertical rhythm.
  • Minor tightening of disclosure list and feature icon sizing/spacing to improve visual consistency.

Testing

  • Ran the dev server with npm run dev and confirmed Next.js started successfully and served the homepage (local dev ready).
  • Captured a full-page screenshot of the running homepage with Playwright (npx playwright screenshot) and saved it to /tmp/homepage-spacing.png for visual verification (succeeded).
  • Ran npm run lint which failed due to the repository ESLint configuration not being present in this environment (ESLint reported missing eslint.config file).
  • Ran npx tsc --noEmit which produced TypeScript errors unrelated to the small homepage/CSS changes (type-check failed for other workspace code).

Codex Task

@vercel

vercel Bot commented Aug 10, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
tiles-next Ready Ready Preview, v0 Aug 10, 2026 10:17am

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant