# Save gradients you love with favourites

[Canonical HTML page](https://gradiently.design/guide/favourites)

A heart on any Mark keeps it close. Your favourites become a private shortlist that tells you which looks are still open, which are yours and which someone else got to first.

## The short version

- To save gradients you love on Gradiently, tap the heart on any Mark and it goes into your favourites.
- Your favourites list is private: only you can see it.
- Favourites are sorted into Marks open to claim, Marks that are yours and Marks someone else has claimed.
- Gradiently can tell you when a favourite is getting popular, is claimed by someone else or is listed on the Market.
- The Market’s Most loved view shows the most favourited Marks first.

To **save gradients** you love on Gradiently, tap the heart on any Mark. It lands in your **Favourites**, a private list only you can see, where each one is marked as open to claim, yours or claimed by someone else. Gradiently can also tell you when a favourite is getting popular or someone claims it first, so a look you are still deciding on doesn’t quietly disappear.

## How to save a gradient to your favourites

A Mark is more than a flat gradient: it is a living recipe of colours, materials, light, grain, motion and a type voice that renders behind everything you design. Saving one keeps the whole recipe, not a screenshot. [What a Mark is](https://gradiently.design/guide/what-is-a-mark) explains the parts.

1. **Find a Mark you like** Browse the [Market](/market), search by colour words like “deep teal”, or open one from someone’s profile.
2. **Tap the heart** It sits on the Mark’s card and on its page. You need to be signed in to keep favourites.
3. **Open Favourites** Every Mark you hearted is there, newest first, with its status beside it.
4. **Remove one** Tap the heart again. If you change your mind, **Undo** brings it straight back.

A Mark on its own. The heart on its page saves it to your favourites; its code lets you find it again anywhere.

## What your favourites page shows

Because every Mark has exactly one owner at a time, a saved Mark can change status while it sits in your list. The page sorts that out for you with four views.

| View | What is in it | What you can do |
| --- | --- | --- |
| All | Every Mark you have favourited | Scan the whole shortlist |
| Open to claim | Marks nobody owns yet | Design with them for free, or claim one |
| Yours | Favourites you have since claimed | Export designs made with them |
| Claimed | Marks someone else now owns, with their name | Look at the owner’s profile, or move on |

A Mark that is no longer public shows as such, so your list never points at something you can’t open.

You can claim straight from the list. Claiming makes you the Mark’s only owner, puts your name on its public record and gives you a numbered certificate; [how to find and claim a Mark](https://gradiently.design/guide/how-to-claim-a-mark) covers the details.

## Favourite or claim: which to do

### Favourite

- Free, and private to you
- Keeps a Mark on your shortlist
- Anyone else can still claim it
- You can design with it while it is unclaimed
- Exporting needs the Mark to be yours

### Claim

- A one-time payment per Mark
- First year of keeping included, then free with Pro
- Makes you its only owner, on the public record
- Nobody else can claim it while you hold it
- Comes with a numbered certificate
- Lets you export designs made with it

A sensible routine is to favourite freely while you look, then test the two or three strongest on your real words in the Studio. Anyone can design with any Mark nobody has claimed, so you can try a portrait post, a story and a wide banner before deciding. [How to choose a background for your brand](https://gradiently.design/guide/pick-the-right-mark) gives a short test to run.

A portrait post reading Open late on Fridays on the first saved Mark

One favourite tried on a real post before claiming.

The same Open late on Fridays post on a second saved Mark

The same words on a second favourite. Comparing on your own copy beats comparing swatches.

Keep the shortlist short. Ten favourites you would genuinely use are more helpful than eighty you liked for a second, because the point of the list is to make a decision easier. Once a month, open **All**, remove anything you would no longer pick, and look at what is left: the Marks that survive usually share a ground, a temperature or a material, and that pattern tells you a lot about the look your brand wants.

> **Shortlisting with a team** Favourites are personal, so on a team each person keeps their own. Share the codes of your top three in a message, then try them on the same headline in your shared workspace before anyone claims.

## News about Marks you saved

Favourites are also how Gradiently knows which Marks matter to you. You choose which of these reach you, and each can be switched off in your notification settings.

- **A favourite is getting popular:** once per Mark, when it is still open and many people are favouriting it.
- **A favourite is claimed:** when someone else claims a Mark you hearted.
- **A favourite is listed:** when its owner puts it on the Market at a price they set.
- **Favourite milestones:** if you own Marks, news when people favourite them.

Favourite counts work the other way too. The Market’s **Most loved** view shows the most favourited Marks first, which makes it a good place to start if you want looks other people keep coming back to. A Mark’s page shows how many people have favourited it.

## Saving plain CSS gradients

If what you need is a flat CSS gradient for a website, a favourite is the wrong tool; you want the code. Every gradient in the Field Guide is copyable. Here are six worth keeping in a snippets file, written to look like their names.

- Deep teal: `linear-gradient(135deg, #0b3d3a 0%, #127a72 55%, #7fd4c1 100%)`
- Apricot morning: `linear-gradient(160deg, #fff4e6 0%, #ffd8a8 50%, #f59f5b 100%)`
- Violet to pink: `linear-gradient(135deg, #1f0b3a 0%, #7c3aed 55%, #f472b6 100%)`
- Midnight glow: `radial-gradient(circle at 30% 30%, #2b2f6b 0%, #12142e 60%, #07080f 100%)`
- Sage: `linear-gradient(180deg, #e8f1ec 0%, #a8c9b4 55%, #4f7d63 100%)`
- Ember: `linear-gradient(120deg, #7a1f1f 0%, #d9480f 50%, #ffc078 100%)`

Copy any of these into `background`. For softer results, see [gradient color combinations](https://gradiently.design/guide/gradient-color-combinations).

A saved CSS value is the same for everyone who copies it. A Mark you claim is yours alone, which is the difference that matters when the gradient is your brand rather than a page decoration. [Gradient branding](https://gradiently.design/guide/gradient-branding) goes into why.

## FAQ

### How do I save a gradient on Gradiently?

Tap the heart on any Mark while signed in. It goes into your Favourites list.

### Can other people see my favourites?

No. Your favourites list is private and only you can see it, although a Mark’s page shows how many people have favourited it in total.

### Does favouriting a Mark reserve it for me?

No. Anyone can still claim it. Claiming is the only way to make a Mark yours, and Gradiently can tell you if someone claims a favourite first.

### Can I design with a Mark I favourited?

Yes, while nobody has claimed it. To export a design, its Mark must be yours.

### What is Most loved in the Market?

A view of the Market that shows the most favourited Marks first.