A graded colour banner

Gradient resume template

The header is a full-width banner graded from your accent colour into a deeper shade of itself, with your photo set against it. The rest of the page stays quiet so the banner does the work.

Best for: Portfolios, agencies, and applications where the first impression counts most
Layout: Single column, ATS-friendly reading order
Typography: Inter
Page sizes: A4 and US Letter

Use this template Import my resume

Free to build and preview.

Elon Musk

Senior Product Designer

elon.musk@example.com
+1 555 010 0199
Toronto, Canada
elonmusk.example.com
linkedin.com/in/elonmusk-example

Summary

Product designer with 8 years of experience turning complex workflows into simple, accessible products. Leads research-driven design for B2B platforms and partners closely with engineering to ship measurable improvements.

Experience

Senior Product Designer

Northwind Analytics · Toronto, Canada

Mar 2021 to Present

Redesigned the reporting workspace used by 40,000 analysts, cutting time-to-first-report by 35%.
Built and maintained a design system of 120 components adopted by 6 product teams.
Ran 60+ customer interviews to shape the product roadmap with the VP of Product.

Product Designer

Lumen Health · Remote

Jun 2018 to Feb 2021

Designed the patient onboarding flow, increasing completion from 58% to 81%.
Led accessibility improvements that brought the web app to WCAG 2.1 AA.

UX Designer

Brightline Studio · Vancouver, Canada

Aug 2016 to May 2018

Delivered research, wireframes and UI for 15 client projects across retail and fintech.

Education

Bachelor of Design, Interaction Design

University of British Columbia · Vancouver, Canada

2012 to 2016

Skills

Design: User research, Interaction design, Prototyping, Design systems

Tools: Figma, FigJam, Maze, Jira

Other: Accessibility (WCAG), HTML & CSS, Workshop facilitation

Projects

Open Accessibility Kit

Creator

2023

Free Figma kit of accessible UI patterns, used by more than 3,000 designers.

Certifications

UX Certification

Nielsen Norman Group

2020

Other templates

Your next resume starts here

Start for free, preview every template, and pay only when you are ready to download.

Create My Resume Import Resume