Figma marketing website press mentions sections

A masthead makes a different claim from a customer logo. A customer logo says somebody bought the thing. A masthead says somebody with an editorial budget decided it was worth writing about, which is a stronger signal and a much more perishable one.

Six publication names under your hero either lands hard or looks like reaching, and the difference is almost always whether the coverage is real, recent, and clickable.

When a press strip earns its place

Third-party validation works because you did not write it. That is the fourth of the credibility factors in Nielsen Norman Group's research on trustworthy web design: being visibly connected to the rest of the web, rather than making every claim about yourself on your own pages.

Three rules follow from that. Link each logo to the actual article, because an unlinked masthead is an assertion and a linked one is a citation. Do not include paid placements or directory listings; a reader who clicks through and finds a sponsored post has learned something about you that the section was not meant to teach.

And watch the dates. A strip whose newest mention is from four years ago tells visitors the interesting part of your story is behind you.

Six mastheads at 32px, widths from 92 to 219

The desktop variant is a 1,440px section, 280px tall: one line of intro text over a 1,216px row holding six press logos. Every mark is locked to 32px high, four pixels shorter than the 40px used for company marks in the social proof sections, and the widths land anywhere from 92px to 219px.

Mastheads are harder to balance than company logos, and it is not close. Newspaper wordmarks are long and thin, tech publications are short and heavy, and at least one of them will be set in a blackletter face that reads darker than everything beside it at any height you choose. Optical correction is the answer, same as any logo row: judge by apparent weight, not by the numbers in the panel.

On mobile the six logos stack into a 375px column and the section grows to 456px, which is a real amount of phone screen for a row of names, so it is worth deciding whether all six survive the trip.

What goes in the strip, and what belongs elsewhere

The strip holds logos. No pull quotes, no dates, no summaries, because the moment you add a sentence per publication it stops being a glanceable trust signal and becomes something people have to read.

If you have a genuine archive of coverage, that wants a page of its own, and a blog index layout or an about page handles it better than a section will. Where the quote from the review is the strong part rather than the name, put it in a testimonial section attributed to the publication; a sentence from a named critic outperforms their logo every time.

Journalists are also a real audience for the pages around this one, which is one of the findings in NN/g's work on About Us information on corporate websites.

Building and theming it

Each masthead is an instance, so swapping the placeholder set for your real coverage is a dropdown rather than a redraw, and the row keeps its alignment while you work. The free placeholder company logos cover the gap while the section is still being designed.

The component ships in a default theme and a brand theme that puts the row on your primary color, at 1,440px and 375px, in light and dark, so a strip designed for a white landing page also has a version that survives being dropped onto a dark hero.

In code, the press mentions strip ships as part of Untitled UI React social proof sections, open source and built with Tailwind CSS and React Aria, with a brand variant alongside the standard one.