Skip to content

design: upgrade type scale and add accessibility improvements#14

Merged
praeducer merged 5 commits intomainfrom
design/typography-accessibility
Mar 3, 2026
Merged

design: upgrade type scale and add accessibility improvements#14
praeducer merged 5 commits intomainfrom
design/typography-accessibility

Conversation

@praeducer
Copy link
Owner

Summary

  • Upgrade resume body text from 14px (text-sm) to 16px (text-base) — the web readability standard
  • Shift H3 from 16px to 18px and H2 from 18px to 20px to maintain clear type hierarchy
  • Add media query for WCAG 2.2 accessibility compliance
  • Add print margin rule (0.5in) for consistent browser print output
  • Fix print H3 font size from 11pt (same as H2) to 10.5pt (matches Typst PDF stylesheet)
  • Replace BackToTop with targeted

Type scale

Element Before After
Body (p, ul) text-sm (14px) text-base (16px)
H3 (job titles) text-base (16px) text-lg (18px)
H2 (sections) text-lg (18px) text-xl (20px)
Print H3 11pt 10.5pt

Files changed

  • — type scale, reduced-motion query, print improvements
  • — targeted transition properties

Test plan

  • [x]

paulprae-com@0.1.0 lint
eslint --cache --cache-location .next/cache/eslint/ . passes

  • [x]

paulprae-com@0.1.0 format:check
prettier --check "**/*.{ts,tsx,js,mjs,json,css,md}" passes

  • [x]

paulprae-com@0.1.0 test
vitest run — 245 passed, 2 skipped

  • [x]

paulprae-com@0.1.0 build
next build — clean static export

  • Visual QA — desktop light/dark mode
  • Visual QA — mobile (375px)
  • Visual QA — print preview (Cmd+P)
  • Reduced motion emulation in DevTools

🤖 Generated with Claude Code

Shift resume body text from 14px to 16px (web standard), bump H3 to
18px and H2 to 20px to maintain clear hierarchy. Add prefers-reduced-
motion media query for WCAG 2.2 compliance. Add @page print margin
rule and fix print H3 to 10.5pt (was 11pt, same as H2). Replace
BackToTop transition-all with targeted transition properties.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Mar 3, 2026

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

Project Deployment Actions Updated (UTC)
paulprae-com Ready Ready Preview, Comment Mar 3, 2026 6:21pm

praeducer and others added 3 commits March 3, 2026 12:55
- Header links: increase gaps (0.5→1) and padding (px-2→px-2.5)
- Section nav: soften active state from heavy black pill to subtle
  light background with font-medium
- Section nav: align link padding (px-3→px-2.5) with header
- Separator dot: widen padding (px-1→px-1.5) for balance
- Fix: section nav active highlight never activated because
  parseFloat cannot parse calc() expressions; read individual
  --header-height and --nav-height CSS properties instead

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
GitHub Desktop and other Windows Git clients run hooks in MINGW
bash where WSL-installed npx is not on PATH. The hook now:
1. Sources nvm (for direct WSL/Linux execution)
2. Falls back to wsl.exe delegation (for Windows Git clients)
3. Converts MINGW UNC paths to WSL paths automatically

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add .nvmrc (Node 24) and engines field in package.json for version parity
- Document husky pre-commit WSL delegation for Windows Git clients
  (GitHub Desktop, VS Code) in README, CONTRIBUTING, and TDD
- Add Git GUI tools section to Windows dev environment doc with
  troubleshooting for pre-commit hook failures
- Update Linux dev doc to reference .nvmrc for nvm install

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Differentiate active section pill (bg-slate-200/dark:bg-slate-700) from
hover state (bg-slate-100/dark:bg-slate-800) for clearer visual feedback.
Add explicit exit 0 to pre-commit hook soft-fail path.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@praeducer praeducer merged commit 93bbed3 into main Mar 3, 2026
3 checks passed
@praeducer praeducer deleted the design/typography-accessibility branch March 3, 2026 18:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant