Resume Design, Fonts, and Layout: A Visual Guide

CareerBldr Team16 min read
Resume Writing

Resume Design, Fonts, and Layout: A Visual Guide

Key Takeaways

  • Resume design should support readability, not compete with your content — clean and scannable beats creative and complex
  • Stick with professional fonts: Calibri, Arial, Garamond, or IBM Plex Sans at 10-12pt body text
  • A single accent color (navy, dark teal, charcoal) adds polish without risk — avoid bright colors and multicolor schemes
  • ATS compatibility requires single-column layouts, no text boxes, no tables, and no embedded images
  • The 6-second scan test: if a stranger cannot identify your job title and biggest achievement in 6 seconds, redesign

A resume is a document read by two audiences with very different needs. The first audience is a machine — an ATS parser that reads your resume top-to-bottom, left-to-right, extracting text into structured data fields. The second audience is a human who spends six to seven seconds scanning for relevance before deciding whether to read more closely.

Design is how you serve both audiences simultaneously. Good resume design makes the ATS parser's job easy (clean structure, standard fonts, no visual noise) and makes the human recruiter's job efficient (clear hierarchy, strategic white space, logical flow).

The mistake most candidates make is optimizing for the wrong audience — either building a plain text document that satisfies ATS but repels human readers, or designing a visually stunning document that looks great on screen but falls apart during parsing.

This guide walks through every design decision: fonts, margins, spacing, color, columns, layout structure, and visual hierarchy. The goal is a resume that looks sharp, reads clean, and parses perfectly.

6-7 sec

average initial scan time per resume by recruiters

TheLadders Eye-Tracking Study

Fonts: What to Use, What to Avoid

Typography is the most impactful design decision you will make because it affects every single line of your resume. The right font is professional, legible at small sizes, and universal across operating systems and ATS platforms.

Best Fonts for Resumes

Sans-Serif (Modern, Clean):

FontWhy It Works
CalibriMicrosoft's default. Clean, professional, universally available. The safest choice.
ArialWidely available, highly legible, ATS-compatible. A solid default.
HelveticaClassic, professional, and widely respected in design. Not available on all Windows systems — use Arial as a fallback.
IBM Plex SansModern, open-source, excellent readability. Growing in professional use.
LatoOpen-source, clean, and slightly warmer than Arial. Works well for both print and screen.
Open SansGoogle's open-source sans-serif. Clean, neutral, and highly readable at all sizes.

Serif (Traditional, Authoritative):

FontWhy It Works
GaramondElegant, space-efficient, and traditionally associated with quality publishing.
CambriaDesigned for on-screen readability. Microsoft default serif.
GeorgiaDesigned for screens, readable at small sizes, and universally available.
Times New RomanThe classic. Safe but increasingly seen as dated. Use Garamond or Cambria instead for a more modern look.

Fonts to Avoid

  • Comic Sans — universally seen as unprofessional
  • Papyrus — same category as Comic Sans
  • Decorative fonts (Brush Script, Impact, Lobster) — impossible to scan quickly and ATS-hostile
  • Courier / monospace — reads like source code, not a professional document
  • Very thin/light weight fonts — poor readability at small sizes, especially when printed

Font Size Guide

ElementRecommended Size
Your name14-18pt
Section headings12-14pt
Job titles11-12pt (bold)
Body text / bullets10-12pt
Company names and dates10-11pt

The floor: 10pt. Never go below 10pt for any text. If you need to go below 10pt to fit content, your resume should be two pages — not a squinting exercise.

The ceiling: 18pt for your name. Anything larger takes up too much space and looks like a ransom note.

Do
  • Use one font family throughout (e.g., all Calibri, using bold and size for hierarchy)
  • Set body text at 10-12pt for comfortable readability
  • Test your font choice by printing the resume — screen and paper render differently
Don't
  • Use more than 2 font families on one resume (and even 2 is risky)
  • Go below 10pt for any text element
  • Use decorative, script, or novelty fonts for any section

Margins and Spacing

Margins and spacing control the density and breathability of your resume. Too tight, and the page feels cramped and overwhelming. Too loose, and you waste space that could hold valuable content.

Margins

SettingRecommended Range
Top margin0.5 – 1 inch
Bottom margin0.5 – 1 inch
Left margin0.5 – 1 inch
Right margin0.5 – 1 inch

The sweet spot for most resumes is 0.5 to 0.75 inch margins. This provides enough white space for readability while maximizing usable area.

Never go below 0.5 inches. Margins below this threshold make the page feel claustrophobic and may cause content to be cut off when printed.

Line Spacing

ElementRecommended Spacing
Body text line spacing1.0 – 1.15
Space between bullet points2-4pt after each bullet
Space between sections8-12pt
Space between roles6-10pt

Consistent spacing is more important than any specific number. Pick your spacings and apply them uniformly throughout the document.

The White Space Rule

White space is not wasted space. It is what makes your resume scannable instead of overwhelming. If your resume has no breathing room — if every line touches the next and every section bleeds into the one below — the recruiter's eye has nowhere to rest and the document becomes a wall of text.

At minimum, every section should be visually separated from the one above and below it. Section headings should have more space above than below (to associate them with the content that follows, not the content that precedes them).

Before

A resume with 0.3-inch margins, 10pt font, no space between sections, and bullet points crammed together with no breathing room

After

A resume with 0.6-inch margins, 11pt font, 10pt space between sections, and 3pt space between bullets — clean, scannable, and professional

Color: When to Use It, How Much

Color can make your resume stand out — or make it look unprofessional. The key is restraint.

The Safe Approach: Single Accent Color

Use one non-black color for headings, section dividers, or your name. Dark, professional tones work best:

  • Navy blue (#1B3A5C or similar)
  • Dark teal (#1A6B5E or similar)
  • Charcoal (#333333 or similar)
  • Dark burgundy (#722F37 or similar)
  • Forest green (#2E5C3E or similar)

Apply the accent color consistently to section headings or horizontal dividers. Do not use it for body text, bullet points, or large blocks of content.

The Conservative Approach: Black and White

When in doubt, black and white is always safe. No recruiter has ever rejected a resume for being too clean. This is the best choice for traditional industries (law, finance, government) and when you are unsure about the company's culture.

What to Avoid

  • Bright primary colors (red, yellow, bright blue) — they look unprofessional on a resume
  • Multiple colors — more than one accent color creates visual chaos
  • Colored backgrounds — they reduce contrast and can cause printing issues
  • Color-coded sections — unnecessary complexity that confuses more than it helps
  • Neon or fluorescent colors — never

Layout: Single Column vs. Multi-Column

A single-column layout presents content in a linear, top-to-bottom flow. The ATS reads it exactly as intended, and the recruiter scans it in natural reading order.

This is the safest and most ATS-compatible layout. Use it as your default unless you have a specific reason to do otherwise.

Two-Column Layout

A two-column layout places a narrower sidebar (usually containing contact info, skills, and education) next to a wider main column (containing summary, experience, and certifications).

Advantages: Space-efficient, visually distinctive, good for dense resumes.

Risks: Many ATS systems read left-to-right across both columns, merging content from the sidebar and main column into garbled lines. A skills entry and an experience bullet can end up as a single, nonsensical parsed line.

Do
  • Use a single-column layout as your default
  • If using two columns, test ATS compatibility by pasting into a plain text editor
  • Keep the most critical content (summary, experience) in the widest column
Don't
  • Use two columns just because it looks nice — ATS compatibility comes first
  • Place critical information (name, contact, key skills) in a narrow sidebar that ATS may skip
  • Use three or more columns — ever

When Two Columns Can Work

Two-column layouts are acceptable when:

  • You are submitting directly to a human (not through an ATS)
  • You have confirmed the target company's ATS handles multi-column parsing
  • You are in a creative field where design is part of the evaluation
  • You are using the resume for networking or in-person events, not online applications

For online applications to unknown ATS systems, stick with single column.

Visual Hierarchy: Guiding the Recruiter's Eye

Visual hierarchy is the design principle that determines what the reader sees first, second, and third. On a resume, the hierarchy should be:

  1. Your name — the largest element on the page
  2. Section headings — clearly distinguished from body text
  3. Job titles and company names — scannable at a glance
  4. Bullet points — the evidence that supports your candidacy

Creating Hierarchy

  • Size: Your name is the largest text. Section headings are larger than body text. Body text is uniform.
  • Weight: Bold for names, job titles, and section headings. Regular weight for body text and bullets.
  • Position: The most important information appears at the top of the page and at the beginning of each section.
  • Spacing: More space before a section heading than after it (this visually associates the heading with its content).
  • Dividers: Optional horizontal lines between sections add structure without clutter. Use them consistently or not at all.
Visual Hierarchy in Action

SARAH CHEN

sarah.chen@email.com | (555) 234-5678 | linkedin.com/in/sarahchen | Chicago, IL


PROFESSIONAL SUMMARY

Marketing Director with 10 years of experience driving B2B growth...


EXPERIENCE

Director of Marketing — TechScale Inc., Chicago, IL (Mar 2022 – Present)

  • Built and led a 14-person marketing team...
  • Redesigned the lead scoring model...

Senior Marketing Manager — CloudWorks, Chicago, IL (Jun 2019 – Feb 2022)

  • Owned the content marketing strategy...

EDUCATION

B.S. in Marketing — University of Wisconsin-Madison, 2016

The recruiter's eye follows the hierarchy naturally: name → section headings → job titles → bullet points. Every level is visually distinct, and the scan path requires no effort.

Build Your Resume with AI

Create a professional, ATS-optimized resume in minutes with CareerBldr's AI-powered resume builder.

Get Started Free

ATS-Safe Design Principles

Every design decision should be filtered through the question: "Will this survive ATS parsing?"

ATS-Safe

  • Single-column layout
  • Standard fonts (Calibri, Arial, Garamond)
  • Simple bullet points (round bullets are safest)
  • Horizontal lines/dividers (most ATS handle these fine)
  • Bold, italic, and underline for emphasis
  • Left-aligned text
  • PDF or DOCX format

ATS-Risky

  • Multi-column layouts
  • Headers and footers (often skipped by ATS)
  • Text boxes (content may be skipped entirely)
  • Tables (cells may be merged or reordered during parsing)
  • Custom icons or symbols
  • Infographics or data visualizations
  • Embedded images (including headshots)

ATS-Breaking

  • Image-based resumes (Canva exports as images, not text)
  • Resumes submitted as PNG, JPG, or non-standard formats
  • Heavily designed templates with text layered over graphics
  • Watermarked templates from free resume builders

Design by Industry

Different industries have different design expectations. Here is a general guide:

Conservative Industries (Finance, Law, Government, Healthcare)

  • Black and white or minimal color
  • Serif or clean sans-serif fonts
  • Single column, no graphics
  • Traditional section order
  • Maximum professionalism, minimum flair

Technology and Startups

  • Clean modern design with subtle color
  • Sans-serif fonts (Calibri, Inter, IBM Plex Sans)
  • Efficient use of space
  • Skills section given prominent placement
  • Can push design boundaries slightly, but ATS compatibility still matters

Creative Industries (Design, Marketing, Media)

  • More design freedom — color, typography, layout experimentation
  • Consider a "designed" version for portfolio/networking and a "clean" version for online applications
  • Your resume is itself a design sample — it should demonstrate your aesthetic sense
  • Still test ATS compatibility for online submissions

Academic Positions

  • Traditional and conservative (similar to finance/law)
  • Longer format (CV, not resume)
  • Dense text with detailed publication and research sections
  • Minimal or no color
  • Serif fonts are common and expected
Do
  • Match your design choices to the norms of your target industry
  • Create both a designed version (networking) and a clean version (ATS) if needed
  • Prioritize ATS compatibility for any resume submitted through an online application system
Don't
  • Use a creative design for a finance or law application
  • Sacrifice ATS compatibility for visual appeal in online submissions
  • Assume that a visually impressive resume is always the best choice

Template Selection

Using a template is perfectly acceptable and often recommended — it saves time and ensures professional formatting. The key is choosing the right template and customizing the content.

What to Look for in a Template

  • ATS-compatible structure — single column or verified multi-column parsing
  • Clean, professional design — not over-designed or cluttered
  • Customizable — you can change fonts, colors, spacing, and section order
  • Standard file formats — exports as PDF or DOCX, not images
  • No watermarks — free templates should not include branding on your resume

What to Avoid

  • Templates with skill-level bar charts — ATS cannot read them, and self-assessed ratings are meaningless
  • Photo templates (for US applications) — photos are not expected and can trigger bias
  • Heavily branded templates — templates with the resume builder's logo or watermark look unprofessional
  • Templates with fixed, non-editable sections — you need full control over content and order

Common Design Mistakes

Mistake 1: Using a Canva Template Without Testing ATS

Many Canva resume templates export as images or heavily layered PDFs that ATS systems cannot parse. The resume looks beautiful on screen but converts to garbled text (or no text at all) in the ATS database. Always test ATS compatibility before submitting.

Mistake 2: Inconsistent Formatting

If one job title is bold and another is italic, if dates are right-aligned in one section and left-aligned in another, if spacing varies between roles — these inconsistencies signal carelessness. Formatting must be uniform throughout.

Mistake 3: Choosing Design Over Readability

A resume with a dark background, light text, multi-colored sections, and creative typography might look impressive as a design piece, but it fails as a job application tool. Recruiters need to scan quickly and efficiently. Design that slows them down works against you.

Mistake 4: Using Too Much Bold, Italic, and Underline

When everything is emphasized, nothing is. Use bold for job titles and section headings. Use italic sparingly for company names or dates. Do not underline anything (it is often confused with hyperlinks in digital formats).

Build Your Resume with AI

Create a professional, ATS-optimized resume in minutes with CareerBldr's AI-powered resume builder.

Get Started Free

Frequently Asked Questions

What is the best font for a resume in 2026?

Calibri, Arial, and Garamond are the safest choices — they are professional, highly legible, and universally available across operating systems and ATS platforms. IBM Plex Sans and Lato are modern alternatives that work well for tech and creative roles.

Can I use color on my resume?

Yes, in moderation. A single dark accent color (navy, teal, charcoal) for headings or dividers adds polish without risk. Avoid bright colors, multiple colors, and colored backgrounds. Make sure the resume is fully readable when printed in black and white.

Should I use a single-column or two-column layout?

Single column is the safest default for ATS compatibility. Two-column layouts can look clean but risk parsing errors when submitted through online applications. If you use a two-column layout, test it by pasting the content into plain text to verify everything comes through correctly.

What margins should I use on my resume?

Between 0.5 and 1 inch on all sides. The sweet spot for most resumes is 0.5 to 0.75 inches, which provides enough white space for readability while maximizing usable area. Never go below 0.5 inches.

Can I use a photo on my resume?

In the United States, no — photos are not expected and can trigger unconscious bias. In many European, Asian, and Latin American countries, photos are common or expected. Know the norms for your target market.

How do I make my resume ATS-friendly while still looking professional?

Use a single-column layout with standard fonts, consistent formatting, and clean section headings. Add visual polish through a single accent color, strategic bold text, and horizontal dividers. Avoid tables, text boxes, images, and multi-column designs. Test by pasting into plain text.

Are resume templates okay to use?

Absolutely. Templates save time and ensure professional formatting. The key is choosing one that is ATS-compatible, customizable, and free of watermarks. CareerBldr offers 12 free templates designed for exactly this purpose.

What font size should I use for my resume?

14-18pt for your name, 12-14pt for section headings, and 10-12pt for body text. Never go below 10pt for any element. If you need to shrink below 10pt to fit content on one page, your resume should be two pages instead.

Share

Build Your Resume with AI

Create a professional, ATS-optimized resume in minutes with CareerBldr's AI-powered resume builder.

Get Started Free

Related Articles