Making Google Sans Flex

(design.google)

44 points | by meetpateltech 3 hours ago

7 comments

  • TekMol 55 minutes ago
    Since even after 2 hours nobody is discussing the actual font, let me tell you what comes to my mind when I read anything about Google and design:

    They got phone design right.

    I just can't get my head around it that even Apple, which is supposed to be THE design company, is making phones that can't lay on a table without wobbling like a barstool on a crooked floor. It just feels so broken to me. So detrimental to my sense of aesthetics.

    Google phones tackled it with an elegant solution. Thanks for that. I wouldn't know what phone to use if Pixels didn't exist.

    • soanvig 38 minutes ago
      Too bad Pixel support for factory-broken screens sucks so my "well designed" Pixel has green vertical line in the middle of the screen. So detrimental to my sense of aesthetics.
    • bpev 44 minutes ago
      What bugs me most is that Apple DID do this (I still hold that iPhone SE 1 is the goat) and then decided to drop it because it wasn't as profitable.
  • syldarion 2 hours ago
    Like the other commenter, my mind also fixated on the mouse cursor. Great post on the fonts, but I spent most of my time seeing how the strange cursor behaved. I don't like it much, especially because there's some inconsistency once you're down hovering over the related posts.

    However, there was one spot where I had to give it to them: when I hovered over the content about Google Sans Code, it expanded horizontally. For a second, I wondered what was going on, then it clicked that the content must be horizontally scrollable, which it was!

    Of course, that could be shown with a much more obvious horizontal scroll bar...

  • planb 2 hours ago
    A bit OT: What's up with the mouse pointer on that page? Why on earth would a site that has "design" in it's domain name change my mouse pointer to a finger-sized circle blob on my 4K desktop screen?
    • agos 30 minutes ago
      it's part of the Material Design 3 branding, for some reason. The original thread for the launch of the design system [1] is full of people baffled by Google making a cursor that lags

      [1]: https://news.ycombinator.com/item?id=43975352

      • GaryBluto 10 minutes ago
        Look at all the rubes who can't understand that a lagging mouse cursor is an integral part of Google's Molasses-Forward Design Language Initiative.
  • kace91 1 hour ago
    There is something about the page that makes me dizzy on mobile. I’m not sure if it’s a subtle animation but I get the feeling of things moving/deforming while I read.
    • SSLy 3 minutes ago
      the text kind of wobbles? when scrolled. Like a missed vblank. On desktop it's acceptable, on mobile it must terribly suck.
    • duskdozer 1 hour ago
      I have the same thing reading this page. It feels really similar to the overscroll stretch animation in Android (12?+) which makes me feel ill and unfortunately often doesn't respect animation settings.
    • Computer0 1 hour ago
      It is present on desktop but it's much worse on mobile. I had the same experience
  • Rakshath_1 2 hours ago
    This is a great case study in need-driven design. I especially like how every iteration of Google Sans came from a concrete usability failure—legibility, scale, language support, or developer ergonomics—rather than aesthetics alone. Open-sourcing Flex feels like a natural extension of that philosophy, not just a branding move.
  • andrewinardeer 1 hour ago
    Where is this page's RSS feed?
  • GaggiX 2 hours ago
    I never saw the cursor changing size to fit the button you are hovering on, it's pretty cool, I don't know if it's better but it's cool.