Open Forum

Expand all | Collapse all

Flex Design Library

  • 1.  Flex Design Library

    Posted 29 days ago

    I am trying to mimic some of the designs I see in the Design Library. Can someone tell me more about some of the image sizes might be for using images as a background for a section, for a header, etc.? I have reviewed the "cheat sheet" for the images for Flex designs, but it doesn't really go into this. I have watched the Flex Design webinar a couple of times to try to help mimic these designs, but it would be really helpful to have some suggested sizes for icons, horizontal lines, and full background images for sections.


    Lindsay Buchanan

  • 2.  RE: Flex Design Library

    Posted 28 days ago
    Hello Lindsay,

    On the "che​at sheet" the recommended size header size is 1920px, but I find if I make the image 1700px - 1800px I get much better fit. Depending on content or spacing for that section I sometimes choose scale to fit and sometimes not. That is based on the actual image being used.

    Adding spacer is a key to get your background height to match the width. 

    Hopefully this helps a little bit?

    James Rose | Senior Web Developer and Content Management
    Digital Infrastructure
    Office of University Development | University of Michigan