Skip to main content

Editor Layout

Cover letter editor showing the cover letter in the center with the styling sidebar on the right
The editor has two main areas:
  • Center — your cover letter, rendered in real time as you edit
  • Right sidebar — styling controls for templates, colors, and fonts (collapsible)
Click any section of the cover letter to select it for editing. Click outside the cover letter to deselect.

Header Section

Cover letter header being edited with inline fields for name, title, phone, email, and other contact details
Click the header area to edit your contact information. The following fields are available:
FieldDescription
NameYour full name
Title / Job RoleYour professional title or target role
PhonePhone number
EmailEmail address
LinkedIn / Portfolio URLYour LinkedIn profile or portfolio link
LocationCity, state, or country
Extra URLAn additional link (personal website, GitHub, etc.)
Extra FieldA custom field for any additional information
PhotoUpload a profile photo (with round style option)
Each field has a display toggle — click the visibility icon next to any field to show or hide it on the cover letter. This lets you include only the contact details relevant to each application.

Body Section

Cover letter body section with rich text editor toolbar showing formatting options
The body section is where your cover letter content lives. It uses a rich text editor with a formatting toolbar that appears when you click into the body area. Available formatting options:
FormatWhat It Does
BoldEmphasize key phrases
ItalicStylistic emphasis
UnderlineUnderline text
AlignmentLeft, center, or right alignment
LinksInsert clickable hyperlinks
Ordered ListNumbered list
Unordered ListBullet point list
This is where the AI-generated content appears after the creation flow. You can freely edit, add, or remove any content.

Auto-Save

Every change you make is saved automatically with a 500ms debounce. There is no manual save button — just edit and your work persists. You can close the browser and return later to find everything exactly as you left it.

Job Attachment Banner

If the cover letter was generated from a specific job, a dismissible notification banner appears at the top of the editor showing which job the cover letter is linked to. This is informational — it reminds you which job description was used during generation.
After the AI generates your cover letter, always review and personalize the content. Add specific details about why you are interested in this particular company, reference a recent achievement that directly addresses a key requirement, or mention a mutual connection. AI-generated content is a strong starting point — your personal touches make it exceptional.