Resume Builder Guide
Fields, layouts, themes and export
Overview
The Resume Builder lets you create professional, ATS-friendly resumes entirely in your browser. Every change is auto-saved to your account, and you can export a pixel-perfect PDF at any time.
- Fill in your info using the left-side editor panels (Personal Info, Experience, Projects, Skills, etc.)
- Choose a template from the Templates Gallery to instantly apply a new look
- Fine-tune fonts, colors, spacing, and column widths from the Theme panel
- Export as PDF when ready — no signup for preview, account required for save & export
ATS tip
All built-in templates use text-only layouts. Avoid images and tables in the PDF if you plan to submit through applicant tracking systems.
Personal Info
The Personal Info panel contains your identity fields. These appear at the top of the resume in the header section.
| Field | Type | Required | Default | Description |
|---|---|---|---|---|
name | string | Yes | — | Your full name as it should appear on the resume. |
headline | string | No | — | Your professional title or tagline. E.g. "Senior Software Engineer" or "Product Designer · Remote". |
location | string | No | — | City and country. E.g. "Berlin, Germany" or "Remote — Europe". |
summary | string (multiline) | No | — | 2–4 sentence professional summary shown below the headline in the header. |
bio | string (multiline) | No | — | Optional longer bio used in your profile page only — not shown on the PDF resume. |
Note
The `bio` field is separate from `summary`. Summary appears on the resume PDF; bio is for your public profile page.
Contact Links
Contact links are grouped under the Contact block in the header. You can fill in as many or as few as you want — empty fields are simply hidden.
| Field | Type | Required | Default | Description |
|---|---|---|---|---|
email | string | No | — | Professional email address. |
phone | string | No | — | Phone number including country code. E.g. "+1 415 000 0000". |
website | string (URL) | No | — | Personal website or portfolio URL. |
linkedin | string (URL) | No | — | Full LinkedIn profile URL. E.g. "https://linkedin.com/in/yourname". |
github | string (URL) | No | — | GitHub profile URL. |
twitter | string (URL) | No | — | Twitter / X profile URL. |
telegram | string (URL or handle) | No | — | Telegram profile link. E.g. "https://t.me/yourhandle". |
reddit | string (URL) | No | — | Reddit profile URL. |
languages | string | No | — | Spoken languages listed inline. E.g. "English (C2) · Persian (Native)". |
Contact block placement
Contact is a header block — you can drag it to the left or right column of the header using the Layout editor. By default it lives in the right column when the header has two columns.
Work Experience
Each work experience entry has the following fields. Add multiple entries — they render in the order you create them.
| Field | Type | Required | Default | Description |
|---|---|---|---|---|
company | string | Yes | — | Company or organization name. |
title | string | Yes | — | Your job title. E.g. "Senior Backend Engineer". |
location | string | No | — | Office location or "Remote". |
employmentType | string | No | — | "Full-time", "Part-time", "Contract", "Freelance", or "Internship". |
startDate | YYYY-MM | Yes | — | Start month. E.g. "2022-03" for March 2022. |
endDate | YYYY-MM | No | — | End month. Leave empty if `current` is true. |
current | boolean | No | false | Check this to show "Present" instead of an end date. |
bullets | string[] | No | — | Bullet points describing your responsibilities and achievements. Start each with a strong action verb for best ATS results. |
Writing great bullet points
- Start with an action verb: *Led*, *Built*, *Reduced*, *Improved*
- Add a measurable result: *reduced load time by 40%*, *grew revenue by $200K*
- Keep each bullet to 1–2 lines for readability
- Use present tense for your current role, past tense for previous roles
Led migration of monolith to microservices, reducing deploy time from 2h → 8min.
Onboarded and mentored 4 junior engineers; improved test coverage from 38% to 81%.Projects
Use the Projects section for personal projects, open-source contributions, side businesses, or academic work.
| Field | Type | Required | Default | Description |
|---|---|---|---|---|
name | string | Yes | — | Project name. |
role | string | No | — | Your role. E.g. "Lead Developer", "Designer & Developer". |
link | string (URL) | No | — | URL to the live project, repository, or case study. |
location | string | No | — | Physical location if relevant. |
remote | boolean | No | — | Shows a (Remote) label if true. |
startDate / endDate | YYYY-MM | No | — | Optional date range shown next to the project name. |
bullets | string[] | No | — | Description bullets — same format as work experience. |
tech | string[] | No | — | Technology tags shown as chips. E.g. ["Next.js", "PostgreSQL", "Docker"]. |
Education
Add one entry per degree or certification program. Education entries render in the body section like Experience.
| Field | Type | Required | Default | Description |
|---|---|---|---|---|
university | string | Yes | — | Institution name. |
degree | string | No | — | "BSc", "MSc", "PhD", "BEng", etc. |
field | string | No | — | "Computer Science", "Design", "Economics", etc. |
location | string | No | — | City or country of the institution. |
startDate / endDate | YYYY-MM | No | — | Enrollment and graduation dates. |
current | boolean | No | — | Shows 'Present' as the end date when true. |
bullets | string[] | No | — | Optional details: thesis title, honors, GPA, relevant courses, scholarships. |
Tip
Education isn't shown by default in all templates. Add it to your body layout from the **Layout editor** if you want it visible.
Skills
Skills are organized into categories. Each category has a name and a list of skill strings. Categories render as separate rows with the category name as a label.
| Field | Type | Required | Default | Description |
|---|---|---|---|---|
name | string | Yes | — | Category label. E.g. "Languages", "Frameworks", "Tools", "Soft Skills". |
skills | string[] | Yes | — | List of skill names. They render as inline chips in the resume. |
[
{ "name": "Languages", "skills": ["TypeScript", "Python", "Go"] },
{ "name": "Frameworks", "skills": ["Next.js", "NestJS", "FastAPI"] },
{ "name": "Cloud & DevOps", "skills": ["AWS", "Docker", "GitHub Actions"] }
]Note
Chip style (color, border radius, padding) is configured globally in the **Theme** panel — not per skill.
Certificates
List professional certifications, licenses, and awards.
| Field | Type | Required | Default | Description |
|---|---|---|---|---|
name | string | Yes | — | Certificate name. E.g. "AWS Solutions Architect – Associate". |
issuer | string | No | — | Issuing organization. E.g. "Amazon Web Services". |
date | YYYY-MM | No | — | Date obtained. |
Custom Sections
Add any section that doesn't fit the standard blocks: Publications, Volunteer Work, Awards, Languages, Hobbies, etc.
Each Custom Section has a title and a list of items. Each item has:
| Field | Type | Required | Default | Description |
|---|---|---|---|---|
title | string | Yes | — | Main item label. |
subtitle | string | No | — | Secondary line (date, organization, role). |
bullets | string[] | No | — | Optional bullet points for details. |
Tip
Custom sections appear in the body layout as `custom:<section-id>`. You can drag them into the left or right column from the **Layout editor**.
Layout & Theme
The Layout editor controls the column structure. The Theme panel controls visual style. Together they give you full control over the resume's look.
Header layout
The header can be one column (all blocks stacked) or two columns. In two-column mode, you drag blocks between left and right, and drag the divider handle to adjust the column ratio.
Body layout
The body is always two columns. Drag section blocks between left and right using the drag handles. Drag the center divider to change the column ratio.
Theme settings
| Field | Type | Required | Default | Description |
|---|---|---|---|---|
fontFamily | "system" | "serif" | "mono" | No | system | Base font for the entire resume. system = Inter/sans, serif = Georgia, mono = JetBrains Mono. |
fontPx | number | No | 15.5 | Base font size in pixels. Usually 12–16px. |
primary | hex color | No | #111827 | Accent color used for section headings, skill chips, and decorative separators. |
pagePaddingPx | number | No | 54 | Page margin in pixels (applies to all four sides). |
sectionGapPx | number | No | 16 | Vertical gap between sections. |
showSectionSeparators | boolean | No | true | Draws a thin rule under each section heading. |
showPageNumbers | boolean | No | true | Adds page numbers to multi-page PDFs. |
zoom | number | No | 1.12 | Preview zoom level — only affects the editor canvas, not the PDF. |
Zoom vs PDF size
The `zoom` setting only scales the on-screen preview. The exported PDF is always at the actual page size (A4 or US Letter).
Exporting
Click Export PDF from your resume list or the editor toolbar. The PDF is generated server-side for pixel-perfect rendering and downloaded automatically once ready.
- Export uses a headless Chromium instance — the PDF matches what you see in the preview exactly
- Multi-page resumes are supported — keep
showPageNumbers: truein the theme - Export typically completes in 10–30 seconds depending on queue
- If export times out, retry once — the first attempt warms up the renderer
For best PDF quality
Keep the zoom at 1.0–1.2 when exporting. Very high zoom values may cause text overflow in the PDF output.