Skip to main content
Resume BuilderResume Builder Guide
📄

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.

FieldTypeRequiredDescription
namestringYesYour full name as it should appear on the resume.
headlinestringNoYour professional title or tagline. E.g. "Senior Software Engineer" or "Product Designer · Remote".
locationstringNoCity and country. E.g. "Berlin, Germany" or "Remote — Europe".
summarystring (multiline)No2–4 sentence professional summary shown below the headline in the header.
biostring (multiline)NoOptional 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.

FieldTypeRequiredDescription
emailstringNoProfessional email address.
phonestringNoPhone number including country code. E.g. "+1 415 000 0000".
websitestring (URL)NoPersonal website or portfolio URL.
linkedinstring (URL)NoFull LinkedIn profile URL. E.g. "https://linkedin.com/in/yourname".
githubstring (URL)NoGitHub profile URL.
twitterstring (URL)NoTwitter / X profile URL.
telegramstring (URL or handle)NoTelegram profile link. E.g. "https://t.me/yourhandle".
redditstring (URL)NoReddit profile URL.
languagesstringNoSpoken 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.

FieldTypeRequiredDescription
companystringYesCompany or organization name.
titlestringYesYour job title. E.g. "Senior Backend Engineer".
locationstringNoOffice location or "Remote".
employmentTypestringNo"Full-time", "Part-time", "Contract", "Freelance", or "Internship".
startDateYYYY-MMYesStart month. E.g. "2022-03" for March 2022.
endDateYYYY-MMNoEnd month. Leave empty if `current` is true.
currentbooleanNoCheck this to show "Present" instead of an end date.
bulletsstring[]NoBullet 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
TEXT
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%.
Good bullet example

Projects

Use the Projects section for personal projects, open-source contributions, side businesses, or academic work.

FieldTypeRequiredDescription
namestringYesProject name.
rolestringNoYour role. E.g. "Lead Developer", "Designer & Developer".
linkstring (URL)NoURL to the live project, repository, or case study.
locationstringNoPhysical location if relevant.
remotebooleanNoShows a (Remote) label if true.
startDate / endDateYYYY-MMNoOptional date range shown next to the project name.
bulletsstring[]NoDescription bullets — same format as work experience.
techstring[]NoTechnology 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.

FieldTypeRequiredDescription
universitystringYesInstitution name.
degreestringNo"BSc", "MSc", "PhD", "BEng", etc.
fieldstringNo"Computer Science", "Design", "Economics", etc.
locationstringNoCity or country of the institution.
startDate / endDateYYYY-MMNoEnrollment and graduation dates.
currentbooleanNoShows 'Present' as the end date when true.
bulletsstring[]NoOptional 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.

FieldTypeRequiredDescription
namestringYesCategory label. E.g. "Languages", "Frameworks", "Tools", "Soft Skills".
skillsstring[]YesList of skill names. They render as inline chips in the resume.
JSON
[
  { "name": "Languages",   "skills": ["TypeScript", "Python", "Go"] },
  { "name": "Frameworks",  "skills": ["Next.js", "NestJS", "FastAPI"] },
  { "name": "Cloud & DevOps", "skills": ["AWS", "Docker", "GitHub Actions"] }
]
Example skills block
ℹ️

Note

Chip style (color, border radius, padding) is configured globally in the **Theme** panel — not per skill.

Certificates

List professional certifications, licenses, and awards.

FieldTypeRequiredDescription
namestringYesCertificate name. E.g. "AWS Solutions Architect – Associate".
issuerstringNoIssuing organization. E.g. "Amazon Web Services".
dateYYYY-MMNoDate 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:

FieldTypeRequiredDescription
titlestringYesMain item label.
subtitlestringNoSecondary line (date, organization, role).
bulletsstring[]NoOptional 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

FieldTypeRequiredDescription
fontFamily"system" | "serif" | "mono"NoBase font for the entire resume. system = Inter/sans, serif = Georgia, mono = JetBrains Mono.
fontPxnumberNoBase font size in pixels. Usually 12–16px.
primaryhex colorNoAccent color used for section headings, skill chips, and decorative separators.
pagePaddingPxnumberNoPage margin in pixels (applies to all four sides).
sectionGapPxnumberNoVertical gap between sections.
showSectionSeparatorsbooleanNoDraws a thin rule under each section heading.
showPageNumbersbooleanNoAdds page numbers to multi-page PDFs.
zoomnumberNoPreview 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: true in 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.

Schema v1 · Updated April 2026

Resume Builder Guide | 文档 | Datronis