Brand

If you are writing about Fiffy, these are the files to use. They are free to use for that purpose, and you do not need to ask.

The mark

A hub with agents in orbit around it, and an F in the middle. The orbit has one dot per AI provider Fiffy ships with, so it changes as more are added — please use the file rather than redrawing it.

mark.svg — the full mark, for anything 32px and larger.
icon.svg — a reduced version, the tile and the F only. Below about 32px the orbit stops being resolvable and turns to mud, so this exists for favicons and small badges.
apple-touch-icon.png — the full mark as a 180px PNG, if you cannot use SVG.

The wordmark

The name is drawn, not set in a typeface, so please do not retype it in a font that looks close.

wordmark.svg

One color

For anything that has a single ink — printing, stamping, etching, embroidery, or a phone that recolors icons to match its wallpaper — these are the files to use. They are the mark on nothing, so there is no background to knock out.

mark-mono.svg — the whole mark, black. The F is a hole in the middle rather than a letter drawn on top, because in the full-color mark the F is the tile showing through the hub.
mark-mono-white.svg — the same drawing in white, for dark backgrounds. It will look blank until you put it on something dark.
icon-mono.svg — the F on its own. Use this one below about 32px, and for an Android icon: at the size a launcher draws, the spokes are thinner than one pixel.

The black file is drawn in currentColor, so if you paste its markup straight into a page it takes that page's text color — including white. Used as an image it cannot do that, which is why there is a white file rather than an instruction.

The mark, moving

Two animations, drawn from the same geometry as every other file here rather than redrawn in a motion tool — which is also why they can be checked by a test and a video could not.

mark-idle.svg — one dot brightening around the orbit at a time. Ten agents, waiting.
mark-handoff.svg — a signal arriving along one spoke, pausing at the hub, and leaving along another. That is what the product does when one provider gives out, which is why it is this and not a spin.

Use them with <img>. The motion is SMIL, not CSS, and the difference is not a preference: an SVG referenced with <img> does not run its CSS animations, so a CSS-animated mark is a still picture in exactly the place you would put it, while looking perfectly correct in a browser tab. Both files stop moving for anyone whose system asks for reduced motion, and the idle one falls back to the ordinary still mark rather than to nothing.

If you need a single frame — a thumbnail, a print, a placeholder — use mark.svg. It is the same drawing without the animation, so the two cannot disagree.

Colors

What not to do

Please do not stretch or rotate the mark, outline it, add a shadow, place it on a busy photograph, or rebuild the wordmark in a typeface. Leave clear space around the mark of at least the width of its center circle.

Please do not recolor the full-color mark either — but the one-color files above are made to be colored, and setting one of them in black, in white, or in a single ink of your own is exactly what they are for.

The name

Fiffy, capital F, no space, not "FIFFY" and not "fiffy" mid-sentence. It is a product of Medhavia LLC; the company name belongs in legal contexts and the product name everywhere else.

Anything else

If you need something that is not here — a different format, a screenshot, a quote — write to team@fiffy.ai and a person will reply.