Mr. Resume – Modern Resume Template

Last Updated on July 7, 2026 by Editorial Team

Mr. Resume is a modern resume template offered for free by Resummme. The freebie contains a well-organized .PSD file.

The moment you look at Mr. Resume, the hero section tells you exactly what kind of personal website or portfolio it wants to build. A full-bleed portrait photo sits on the right, cropped tight enough to show real personality in the eyes and beard texture, while a deep navy overlay on the left carries the headline “Hi, I am Mr. Resume” in bold white type.

That contrast between the dark panel and the photograph is the defining visual trick here. It lets the name and job title, in this case UI/UX Designer, read clearly against a busy image without needing a heavy gradient or blur to force legibility.

Below the fold, the mood shifts. The About Me section drops the dark navy for a bright white background, brings in a second portrait of a different, more casual and smiling subject, and introduces a scattering of pastel diagonal stripes and dot patterns in pink, blue, and mint.

Those geometric confetti shapes appear again in the corners of the whole layout, framing the template with a playful, almost stationery-like border that keeps the overall tone from feeling too corporate.

The navigation bar is simple and confident: Home, About, Work, Experience, Skills, Clients, Contact, all in a single row of uppercase text, which tells you this is built as a one-page scrolling resume site rather than a multi-page structure.

Two call-to-action buttons sit under the intro copy, a solid magenta pink “Learn More” and an outlined “Download CV” with a small icon, and that same pink shows up as the accent color throughout, tying the header, the pattern work, and the buttons into one coherent palette.

Where This Layout Works Best

Because the whole page is structured around sections like About, Work, Experience, Skills, and Clients, this template suits anyone building a personal portfolio or online CV rather than a business homepage.

Designers, developers, illustrators, marketers, and other freelancers who want a single scrollable page to showcase their story, work samples, and a downloadable resume will find the section order already does most of the planning for them.

It also reads well for a personal branding site tied to a job search, since the hero treats the portrait as the main selling point the way a LinkedIn banner or a printed CV headshot would.

The playful pastel pattern work makes it a good fit for creative fields where a bit of personality is welcome, though the clean typography and generous white space in the About section mean it would not feel out of place for more traditional professional profiles either.

If you are assembling a case-study driven portfolio, the Work and Experience sections give you an obvious place to slot in project thumbnails, timelines, or a simple list of past roles.

Customizing The Photography And Palette

Since the hero and About sections both lean so heavily on portrait photography, the fastest way to make this template your own is swapping in your own headshots at a similar crop and lighting level, so the dark overlay in the hero still reads clearly over the new image.

From there, recoloring is straightforward. The pink accent used on the buttons and the pastel shapes can be swapped for a single brand color, and because that color repeats in only a few spots, changing it in the button fills and the diagonal stripe shapes will update the whole feel of the page.

You can also dial the confetti pattern up or down depending on how playful you want the final site to feel: keep it as is for a friendly, approachable tone, or reduce the pattern elements and lean into the navy and white contrast for something more restrained.

When editing the copy, keep the headline short the way it is now, since the layout depends on that punchy two-line name treatment to balance against the large photo.

Pairing this template with a matching icon set for the skills section, or a simple logo mark in place of the “Mr. Resume” wordmark, is an easy way to extend the branding without disturbing the layout’s proportions.