Figma placeholder company logos

Almost every product mockup needs logos that are not yours. Customer walls, integration directories, workspace switchers, invoice headers, partner pages.

Reaching for real ones is a bad habit for two reasons: you do not have permission to use them, and a Slack or Stripe logo in a review pulls every eye in the room away from the layout you wanted feedback on. Fictional companies solve both problems, which is why this set exists.

Two styles, both modes, one height

Each company has a default style, a colored logomark next to its wordmark, and a badge style where the mark sits inside a filled rounded square, the shape you want for app icons, workspace switchers, and anywhere a logo has to survive being cropped to a square.

Both come in a light and a dark version, so a logo wall on a dark social proof section does not need anyone to invert artwork by hand. Every logo is drawn to a 48px height with the width left to the wordmark, which is the correct way round: logos are aligned by their optical height, never by a bounding box.

The company names read like real startups on purpose, from Acme Corp and Sisyphus through to Kintsugi, Warpspeed and Stack3d Lab, so screenshots look like a product with customers rather than a file full of Company A and Company B.

Saved as image styles, so a swap is global

The logos are also published as image color styles, and this is the part worth knowing. Select an avatar component or any shape, open the fill picker, and each company logo is there as an image fill.

That means the placeholder brand in a comment thread, a table row, and a settings page can be the same style, and replacing the image in that one style updates all of them at once. Figma treats images as fills rather than as a layer type, which is what makes this work, and it is the same mechanic behind swapping in the free placeholder avatar photos when your mockup needs faces as well as brands.

Optical sizing, which is why most logo walls look wrong

Set six logos to the same pixel height and at least two of them will look wrong. A wide horizontal wordmark reads as larger than a tall compact mark at identical heights, and a circular mark always looks smaller than a square one, so a row set by the numbers ends up visually lumpy.

The documentation in this file covers exactly that, with side by side examples of logos scaled numerically against logos scaled optically, plus the optical lines to align them against. It is the sort of correction that takes ten minutes and that nobody can name afterwards, they just say the section looks cleaner.

Press logos are a different job

A separate press logo component holds the wordmarks of publications you would cite in an as featured in strip, which is a different pattern from a customer wall even though they look alike. Customer logos say people like you use this. Press logos say people you trust wrote about this.

Both work through recognition rather than reading, which is why Nielsen Norman Group's work on social proof is worth reading before you build one: too few logos, or logos nobody recognises, can read as weaker evidence than no logos at all. The press mentions sections in the kit are built around this component.

One thing to be clear about: press logos are real trademarks, so treat them as placeholders for layout and swap in whatever your product has actually earned before anything ships.

Every typeface used in the fictional logos comes from Google Fonts and is free for commercial and non-commercial work, and the same logos exist outside Figma.

Untitled UI React logos ships them as SVG files and React components, with the light, dark, and badge variations intact, alongside the 180+ free placeholder company logos you can download without opening Figma at all.