Resume Lab

Changelog

All notable changes to this project are documented here. Newest first.

[2026-09-22] — Each style gets its own Figma page

Added

  • Per-style Figma pages — every preset now has its own page in the shared Figma file (named after the style, e.g. "Clear Water"), holding just that style's resume and cover letter side by side
  • "Browse all styles" page — replaces the old "Resume styles" page. A lightweight index: each style's name (with a Figma hyperlink to its own page), a description and its 3 colors, instead of all 18 resume/cover-letter frames laid out side by side
  • Deep-linked result screen — "Open the Figma file" now opens straight to the chosen style's own page (via a node-id link built from the new figmaNodeId field in data/styles.json), instead of dropping the user onto a page with all 9 presets. Added a matching step 11 ("Compare other styles") to the "Start here" instructions, in both the Figma file and content/figma-file-instructions.md, pointing to the browse-all page for anyone who wants to see every preset

Changed

  • data/styles.schema.json now requires a figmaNodeId (URL-format node id) per style
  • Reworded "Find your style" (step 2) since the quiz link now lands directly on the right page instead of asking the user to find it themselves
  • Fixed a stale "Northwind Studio" example in the Figma file's own "Start here" step 4, which was missed when the sample employer names were renamed

[2026-09-22] — Matching cover letter template

Added

  • Cover letter template — every one of the 9 presets now has a matching one-page cover letter frame on the "Resume styles" page, named "Cover letter: " followed by the style name, sitting directly under its "Resume: " frame. Each one reuses that style's exact fonts, colors, name treatment (plain or two-tone), headline style (regular or italic) and date treatment (muted or italic), with a date, recipient block, salutation, three body paragraphs and a sign-off
  • Site copy — the intro and result screen now mention the cover letter alongside the resume
  • "Start here" page — updated in both content/figma-file-instructions.md and the Figma file itself: steps 2, 3 and 10 now cover finding, editing and exporting the cover letter, not just the resume

Notes

  • Sample cover letter body text is shared across all 9 presets (only the styling changes), reusing the same fictional persona and achievements already in the resume sample content for continuity

[2026-09-22] — Sample employer names updated

Changed

  • Renamed the sample work history used in the resume and cover letter templates: Northwind Studio → Inginnyus Labs (most recent), Brightpath Labs → Reign & Shine, and Harbor & Co. → Your Wish Co. Updated in the Figma file (all 9 resume and cover letter frames, plus the "Entry:" layer names used in the duplication instructions), figma-plugin/code.ts (the source of truth for this sample content) and content/figma-file-instructions.md

[2026-09-22] — Retake asks first and goes to the start

Added

  • Confirmation dialog when someone clicks "Retake the quiz": "Are you sure you want to retake the quiz?" with "You will start over and might not get the same result." and Yes / No buttons. It uses the browser's built-in dialog, so Esc closes it, the page behind is dimmed and locked from keyboard use, focus starts on "No", and clicking outside the box closes it

Changed

  • Choosing "Yes" returns to the start screen with everything cleared (answers and the chosen style), instead of jumping straight to Question 1
  • The confirmation dialog's title, text and buttons are centered
  • On phones the header tagline ("Five questions, one resume style") is hidden and the site name stays on one line, because the two were squeezed together. Wider screens still show the tagline
  • Checked the dialog and header at 390 px and 320 px with no sideways overflow

[2026-09-22] — Changelog page

Added

  • /changelog page — shows CHANGELOG.md on the site, so the page always matches the file
  • Footer link — "Changelog" now sits beside "Privacy" in the footer

Changed

  • The privacy and changelog pages share one text style (.doc) instead of the privacy page having its own

[2026-09-22] — Template polish

Added

  • Full sample page in all 9 templates — a summary, three jobs, education and a skills line, so each preview looks like a finished resume instead of a half-empty page
  • Headline under the name (for example "Product Designer") in the accent color; italic in Night Owl and Deep Dive
  • Accent-colored bullets — standard dot or dash bullets, each a small row named "Bullet" so long bullets wrap under their text
  • Date styles — muted gray in Clear Water, Citrus Pop, Fizz, Early Bird and Graphite; italic in Roast & Ledger, Night Owl, Steady Hand and Deep Dive
  • Two-tone name in Roast & Ledger, Fizz, Early Bird and Deep Dive (one text layer, two colors)
  • Uppercase, letter-spaced headings in Night Owl, Deep Dive and Graphite
  • Skills as one line of real text with accent-colored separators
  • New style data fields — layout.nameStyle, bulletStyle, dateStyle, headingCase, headlineStyle and colors.muted in data/styles.json, with the schema updated
  • Structure checks in the Figma plugin, run on every frame: content fits the page, reading order is top to bottom and left to right, no text under 9 pt, standard headings exist as real text, and every block is full width (one column)

Changed

  • Each style in the Figma file now has 6 color styles, 7 text styles (added Headline and Date) and a 14-variable collection (added muted)
  • Name text has slightly tighter letter spacing in every style
  • Quiz result previews were re-exported from the new frames
  • Preview images now load directly instead of through Next's image optimizer, so a new deploy never shows an old cached preview
  • How-to steps (on the site and on the Figma "Start here" page) now mention the summary and tell people to duplicate a bullet by selecting the row named "Bullet"

Notes

  • Nothing was added beyond text treatments: no icons, no images and no new shapes, so the templates stay ATS-friendly
  • Early Bird first ran 21 pt past the bottom margin, so the sample summary and one sample bullet were shortened. The tightest page now ends 17 pt above the margin
  • A real PDF export and text extraction is still to be done. The plugin's structure checks are a stand-in for it, not a replacement
  • Preview images are 1x (612 x 792), so they can look slightly soft on high-resolution screens

[2026-09-22] — Rename to Resume Lab and layout polish

Added

  • Ginny lab illustration on the home page, copied from the portfolio into public/images/
  • CHANGELOG.md (this file)

Changed

  • Renamed from BYOB to Resume Lab — header and tagline ("Five questions, one resume style"), browser tab and privacy page titles, privacy policy, spec, plugin name and README. The Vercel project and the Figma file were renamed too ("Resume Lab: resume styles")
  • Home page: the drawing sits on the left of the text on wide screens and below it on phones
  • Result screen: "How to use your template" now lines up with the text column, and the preview stays in view while scrolling
  • Phone layout checked at 390 px and 320 px with no sideways overflow. Text-style controls (Back, Retake the quiz, See this style, Show the AI snippet, Privacy) were made larger to tap
  • The keyboard focus style moved into Tailwind's base layer, so headings that receive focus after a step no longer show a stray outline. Buttons and links still show the focus ring

Notes

  • The live site address is still resume-style-tool.vercel.app. Renaming the Vercel project did not change it

[2026-09-21] — First version

Added

  • Quiz web app (Next.js, Tailwind v4, Google Sans Flex) styled with the portfolio's design tokens: intro, five questions with a progress bar and Back link, and a result screen
  • Result screen — preview image, color swatches, fonts linked to Google Fonts, an "Open the Figma file" button, a "Copy the AI snippet" button (plain text with colors, fonts, sizes, layout and the ATS rules, no personal information), the 10 how-to steps, and a "Not quite right?" section that offers the next two best styles
  • Scoring — one point per answer that matches a style's signature. Ties are broken by Q5, then Q1, then the order of the styles in the data file. 8 automated tests
  • 9 resume styles in data/styles.json (with styles.schema.json) and the 5 questions in data/questions.json. The Google Sheet is the source for both
  • Shared Figma file with a resume frame for each style and a "Start here" page of instructions for non-designers (duplicate an entry with Ctrl/Cmd + D, move things in the Layers list, keep it ATS-friendly, export as PDF)
  • Privacy policy page — quiz answers stay in the browser and nothing is stored. Contact: inginnyusdev@gmail.com
  • Figma plugin spike (figma-plugin/) that builds color styles, text styles, variables and a resume frame from the style data. Tested against a real Figma file
  • Project spec (PROJECT_SPEC.md) covering the MVP scope, ATS rules, export targets and risks

Changed

  • Section gaps increased: Compact 16 pt, Standard 20 pt, Airy 24 pt, Top-heavy 20 pt

Fixed

  • Accent-bar section headings (Citrus Pop, Fizz) had a large gap below them because their row kept Figma's 100 pt default height

Notes

  • The MVP export is a shared Figma file. Canva and the Figma plugin are planned for later
  • Templates are one column, real text only, PDF export only