v1.5.24 - Logo strips and feature-grid layouts

By:
2 min read
Feature grids can now be a swipe row, a plain list or a strip that scrolls itself, and there is a new treatment for press logos that sizes every mark to the same visual weight whatever its shape.

New features

  • You can now choose how a feature grid behaves on small screens. It used to always become a row you swipe through. That is still the default and existing grids need no change, but there are now two alternatives: a plain vertical list, one feature per row in the order you wrote them, and a strip that scrolls itself continuously. On laptops and desktops all three are the same three-column grid. See Feature grid.

  • A new treatment for logo strips — the "as featured in" row of press marks that usually sits under a hero. Every logo is sized to the same visual weight rather than the same width or height, so a long wordmark, a square mark and a tall lockup can share a row and read as equals. You do not need to export them at matching sizes; that is the work this does for you.

    Headings and descriptions are dropped in a logo strip even if the card has them, so you can keep a title in the editor to tell six otherwise-identical logo files apart. If you give a logo a link, the whole mark becomes clickable.

  • A self-scrolling strip only scrolls when it needs to. If everything already fits, it sits still and centres itself — the same four logos may sit still on a desktop and scroll on a phone, and you do not configure that. Readers can grab it and scroll it themselves at any time, and it carries on from wherever they let go. It pauses while the pointer is over it, so links inside it stay clickable, and it does not move at all for readers whose device is set to reduce motion.

Bug fixes

  • A row of logos is no longer shifted to the left. Logos were left-aligned inside columns wider than they were, which left empty space down the right-hand side of the row and nothing on the left, so the whole strip looked off-centre.

  • Logos in a strip are now clickable. Where a logo carried a link, the clickable area had no size at all, so nothing happened when you clicked it.

  • Logo files exported without a size now work properly. Most logo files from a design tool have no dimensions saved inside them. These are now sized correctly from their proportions alone, rather than sometimes rendering enormous or not appearing until you scrolled past them.

  • In a self-scrolling row, tiles now line up. Where some features had a link and their neighbours did not, the cards ended up at slightly different heights and their images no longer sat on the same line.

Under-the-hood improvements

  • Feature grids now change layout at one screen width instead of two. They used to become two columns on tablets and then a swipe row on phones. They now go straight from three columns to whichever arrangement you chose. If you have a feature grid you liked as two columns on a tablet, it will look different after this update — it will be a swipe row there instead, or a vertical list if you choose that. This was two different answers to the same question at a width nobody picked, and one predictable answer is worth more than the extra arrangement.

  • Logo images in a strip are loaded ahead of time rather than on demand, which is why they now appear reliably. They are the smallest files on a page, so this costs nothing noticeable.