Files
NomadArch/tasks/done/044-typography-baseline.md
Gemini AI 157449a9ad restore: recover deleted documentation, CI/CD, and infrastructure files
Restored from origin/main (b4663fb):
- .github/ workflows and issue templates
- .gitignore (proper exclusions)
- .opencode/agent/web_developer.md
- AGENTS.md, BUILD.md, PROGRESS.md
- dev-docs/ (9 architecture/implementation docs)
- docs/screenshots/ (4 UI screenshots)
- images/ (CodeNomad icons)
- package-lock.json (dependency lockfile)
- tasks/ (25+ project task files)

Also restored original source files that were modified:
- packages/ui/src/App.tsx
- packages/ui/src/lib/logger.ts
- packages/ui/src/stores/instances.ts
- packages/server/src/server/routes/workspaces.ts
- packages/server/src/workspaces/manager.ts
- packages/server/src/workspaces/runtime.ts
- packages/server/package.json

Kept new additions:
- Install-*.bat/.sh (enhanced installers)
- Launch-*.bat/.sh (new launchers)
- README.md (SEO optimized with GLM 4.7)
2025-12-23 13:03:48 +04:00

1.6 KiB

Task 044 - Typography Baseline

Goal

Define the shared typography tokens and map them into Tailwind so text sizing stays consistent with the UI spec.

Prerequisites

  • Task 043 complete (color variables migrated).

Acceptance Criteria

  • src/styles/tokens.css includes typography variables (font families, weights, line heights, size scale).
  • tailwind.config.js theme.extend.fontFamily and theme.extend.fontSize reference the new variables.
  • src/index.css applies body font and default text color using the new variables.
  • No existing components lose readability or spacing.

Steps

  1. Add typography variables to src/styles/tokens.css, e.g., --font-family-sans, --font-size-body, --line-height-body.
  2. Extend Tailwind font families and sizes to match the variable names (font-body, font-heading, text-body, text-label).
  3. Update src/index.css body rules to use var(--font-family-sans) and the appropriate default sizes.
  4. Spot-check components for any stray font-size declarations that should use utilities instead.

Testing Checklist

  • Run npm run dev and verify the app renders without layout shifts.
  • Inspect headings, labels, and body text to make sure sizes align with the design doc.

Dependencies

  • Depends on Task 043.
  • Blocks Task 045 (component migration batch 1).

Estimated Time

0.5 hours

Notes

  • Keep variable names semantic; record any design clarifications in the Notes section of the PR.
  • Use browser dev tools to confirm computed font values match expectations (14px body, 16px headers, etc.).