ATS score: 4 / 5

Gradient Resume Template

Product-design gradient sidebar — modern without gimmicks.

Modern gradient sidebar — eye-catching without feeling gimmicky. Works well for product, growth, and creative-technical roles.

Alex Johnson

alex.johnson@email.com
+1 (555) 123-4567
San Francisco, CA
linkedin.com/in/alexjohnson
alexjohnson.dev

Skills

JavaScriptTypeScriptReactNode.jsPythonSQLGitDockerAWSREST APIsGraphQLAgile/Scrum

Certifications

AWS Solutions Architect Associate
Amazon Web Services
Mar 2023

Summary

Results-driven software engineer with 5+ years of experience building scalable web applications. Proficient in React, TypeScript, and Node.js. Passionate about creating clean, maintainable code and delivering exceptional user experiences.

Experience

Senior Software EngineerJan 2022 - Present
TechCorp Inc.San Francisco, CA
- Led development of customer-facing dashboard serving 50K+ daily users - Reduced page load time by 40% through code splitting and lazy loading - Mentored 3 junior developers and conducted weekly code reviews - Implemented CI/CD pipeline reducing deployment time from 2 hours to 15 minutes
Software EngineerJun 2019 - Dec 2021
StartupXYZRemote
- Built RESTful APIs using Node.js and Express serving 1M+ requests/day - Developed responsive React components used across 5 product lines - Collaborated with design team to implement pixel-perfect UI from Figma mockups - Wrote comprehensive unit and integration tests achieving 90% code coverage

Education

University of California, BerkeleyAug 2015 - May 2019
Bachelor's in Computer Science • GPA: 3.7

Achievements

Employee of the YearJun 2023
Recognized for outstanding contributions to the engineering team and delivering critical projects ahead of schedule.
Hackathon WinnerSep 2022
First place at TechCorp internal hackathon for building an AI-powered code review tool.

Projects

Open Source Component Library
React, TypeScript, Storybook, Rollup
github.com/alexjohnson/ui-kit
Created and maintained a React component library with 500+ GitHub stars, used by 50+ projects.
Real-time Chat Application
Node.js, Socket.io, Redis, React
Built a scalable real-time messaging app supporting 10K concurrent users with WebSocket connections.

Languages

English
Native
Spanish
Conversational

Design traits

Font

Sans-serif display + clean body

Layout

Two-column with gradient left sidebar

Accent

Blue-to-violet gradient (#3b82f6 → #7c3aed)

ATS parseability

4 / 5

About the Gradient template

Gradient was designed for candidates whose work lives at the intersection of product and design — people who expect design vocabulary from the tools they use. A smooth blue-to-violet gradient fills the left sidebar (contact, skills, languages) while the main column stays clean white for experience and impact. The gradient is a single CSS fill, not a bitmap — which means it prints crisply, exports at any PDF resolution, and still parses cleanly because nothing critical is embedded in the colored area. It reads as thoughtful, not flashy, which is harder to pull off than it looks.

Best for

  • Product designers and UX leads
  • Growth engineers and marketers
  • Design systems and front-end specialists
  • Candidates applying to consumer product companies
  • Creative-technical hybrids (tech-side design, design-side engineering)
  • Gen-Z / new-grad candidates from design schools

Skip it if

  • Deeply enterprise or traditional industries
  • Finance, law, and government applications

When to use the Gradient template

Choose Gradient if you're a product designer, growth marketer, creative technologist, or anyone whose role is about shipping polished consumer-facing work. It's a strong default for applications to consumer-product companies (mobile apps, B2C SaaS) and creative-technical roles where design literacy is part of the bar. Avoid Gradient for enterprise sales, finance, government, and law — the gradient reads as performative. Also reconsider it for senior executive roles; the visual energy tips slightly young. Executive or Noir gives the same "design-conscious" signal with more gravitas.

Still deciding? Every template in our catalog is ATS-tested and passes the major applicant tracking systems. Switch between any of the 12 designs with a single click in the editor — your content stays the same.

Start with the Gradient template — free

Fill it in on our live editor, download your PDF (recommended for ATS) or editable Word file, send your application. Free to use — unlock watermark-free downloads with a one-time 30-day Pass.

Build my Gradient resume