Talks

A heading that shrinks as it grows

I'd been making comparison pages for the Basedash site, and the Metabase one was a page we wanted to promote (0:10). I'd planned to do it as a template, but I thought it was a chance to do something custom. The heading started as "The power of Metabase +" and a list of features, and it was going to be way too big for an H1 (0:54).

So I made a heading where every line gets exponentially smaller, because I wanted to throw a lot into it (1:09). It has properties for the size, how fast it decreases, the text, the font and the alignment.

Framer's Workshop nailed it almost right away (2:14). It had some trouble with OpenType features in our font, and some line spacing, but that was it (2:00). My original prompt was terrible. Same idea as my first Framer AI component.

When I posted it on X I wrote:

I made another weird random heading thing in Framer because why the heck not. It’s a component that makes text get smaller as there’s more of it. Will I use it??? No idea. But still fun to share.