Application Kit

Build a resume and matching cover letter with modern templates, custom colors, and optional sections — entirely in your browser. Export A4 PDFs when you are ready.

Crop photo

Drag to reposition, use zoom, then apply.

How do you create a matching resume and cover letter in the browser?

What this tool does

Application Kit is a local resume and cover letter builder. Upload an existing PDF or Word resume to auto-fill fields, pick one of ten modern templates, tune colors, toggle sections, then write the cover letter in a rich-text area that sits inside the same design chrome. Export uses your browser’s print dialog to save A4 PDFs.

Why you need it

Most people either force everything into one rigid template or send a mismatched letter that looks like a different brand. Recruiters notice when the CV and letter feel inconsistent. This kit keeps one template identity across both documents while still letting you drop hobbies, training, or skill bars when they do not apply.

How to use it

  1. Optional: upload an existing PDF or Word (.docx) resume — fields are detected locally and applied.
  2. Choose a template and adjust colors if you want a custom palette.
  3. Enable only the resume sections you need and reorder them.
  4. Fill or review basics, experience, education, and skills — photo stays local.
  5. Switch to Cover letter and edit the body directly in the preview.
  6. Use Download → Resume / Cover letter / Both and choose “Save as PDF” in the print dialog.

Practical examples

  • Product role: Classic or Clean Split template, skills + experience on, hobbies off.
  • Corporate IT: Navy Sidebar with timeline experience and languages enabled.
  • Creative portfolio: Ivory Split with warm sand tones and a matching letter.
  • Upgrade an old CV: Upload your PDF/DOCX on Design, then tidy fields and pick a fresh template.
  • Quick update: Reload the page — your last draft is restored from localStorage.

How it works

Content lives in a single client-side state object. Templates are HTML render functions that read the same data and CSS custom properties (--ak-primary, and so on). Resume import extracts text from PDF (pdf.js) or DOCX (Mammoth) in the browser and maps common DE/EN section headers into that state — no server upload. The cover letter reuses the selected template’s header/sidebar treatment and injects a contenteditable body. Printing clones the A4 layout into a print root sized for @page { size: A4 }.

Common mistakes

  • Leaving demo content: Replace the sample name and bullets before exporting.
  • Scanned PDF: Import needs selectable text — export a text PDF or use DOCX instead of a photo scan. Two-column text PDFs work better after the v2 importer.
  • Too many sections: Turn off blocks you cannot support with evidence.
  • Low-contrast colors: Custom palettes still need readable text on backgrounds.
  • Expecting Word fidelity: v1 exports PDF for layout accuracy, not DOCX.

FAQ

Are my resume details uploaded?

No. Everything runs in your browser. Drafts can be saved in localStorage on your device only. Resume import also stays local.

Can I import an existing resume?

Yes. On Design, use Upload resume & auto-fill with a text-based PDF or DOCX. After detection you review and choose which fields to apply. Two-column layouts are supported for text PDFs. Cover letter is not imported.

Can I hide sections I do not need?

Yes. Toggle and reorder sections such as skills, hobbies, or training so unused blocks never appear on the page.

Does the cover letter match the resume design?

Yes. The cover letter uses the same template chrome and color tokens as your selected resume so the package looks consistent.

How do I export a PDF?

Use Download and choose Resume, Cover letter, or Both. In the print dialog pick Save as PDF. Layout follows the A4 pages from the live preview.

Can I change template colors?

Yes. Each template exposes the color roles it uses (primary, accent, text, and so on). Reset restores the template defaults.

Related tools