$4, Fits your $30 budget
Cover illustration. The files are listed under What's inside.
Gradient Button Pack
Gradient-filled buttons in six color palettes and three sizes, 72 variants in all, with matching CSS gradient values for developers.
$4
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 72 variants
- File formats
- .fig, .sketch, .css, .png
- Supported software
- Figma, Sketch, HTML/CSS
- Download size
- 4 MB
- Good for
- Marketing page CTAs
- Onboarding screens
- Sign-up flows
About this product
Six gradient palettes, from violet-to-blue to coral-to-amber, are applied to buttons in three sizes and four states, giving 72 variants in Figma and Sketch. Hover shifts the gradient angle, pressed darkens it slightly, and disabled buttons fall back to a flat gray so they read clearly as inactive.
A small CSS file lists each palette as a ready linear-gradient declaration with matching hover values, which saves developers from sampling colors out of the design file. The pack fits marketing pages, onboarding screens and sign-up flows that need one clear primary action per screen.
What's inside
- 72 variants: 6 gradient palettes × 3 sizes × 4 states
- Two- and three-stop linear gradients
- Hover angle shift and a darker pressed state
- Flat gray disabled state for clear inactive buttons
- CSS file with a linear-gradient declaration per palette
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license
$4, Fits your $30 budget
$4, Fits your $30 budget
$4, Fits your $30 budget