How to Tag Design References So You Can Actually Find Them (A 4-Axis System)

Tagging is the part of organizing that everyone agrees is right and nobody keeps doing. The reason is almost always the same: there was no system, so every save meant inventing tags from scratch, and after a month there were ninety tags with one item each.

This is the system that holds up: four axes, a closed dictionary, and most of the work done for you.

Why tags beat folders

A folder forces one answer. Is this dark fintech dashboard filed under Dashboards, under Fintech or under Dark UI? Whichever you pick, you will look in the other two first. Tags let a reference be all three at once, which is simply how references work. We covered why this matters in how to organize design inspiration.

The four axes

Every useful tag answers one of four questions. Keep a short list under each.

1. What it is. landing-page, dashboard, pricing, onboarding, settings, email, checkout, empty-state.
2. What field it is from. fintech, saas, health, devtool, ecommerce, agency, consumer.
3. What it looks like. dark, light, minimal, editorial, brutalist, gradient, dense, playful.
4. Why you kept it. layout, type, colour, motion, microcopy, illustration, iconography, spacing.

Four to six tags per save, one or two from each axis. Forty tags total is plenty for most designers. If a tag has one item in it after a month, it is a note, not a tag. Fold it into an existing one.

The dictionary rule

Write the list down and pick from it. Do not type new tags at the moment of saving, because that is exactly when you are least careful. "pricing", "pricing-page" and "Pricing" are three tags to the computer and one to you. A closed list prevents the drift that kills every tagging system.

Let the tool do the first three axes

Here is the part that changed in the last two years: axes one to three can be read from the image. A reference manager that performs text recognition and colour analysis on save can tell that a screenshot is a pricing page, that it is dark, and that it mentions Stripe. GetRef does exactly this, tagging by colour, style and content on arrival, and search by text inside the screenshot covers whatever the tags miss.

That leaves axis four, the reason you kept it, which no tool can guess. One hand-added tag or a one-line note does it.

Maintenance in ten minutes a month

• Merge near-duplicates: colour and color, pricing and pricing-page.
• Delete any tag with one item.
• Look at the twenty most recent saves and check that each has a why tag.

A library tagged this way stays findable at a thousand saves and at ten thousand. One tagged by mood on the day stops working somewhere around two hundred. For the weekly habit that keeps it tidy see the ten-minute weekly review.