Open Forum

 View Only
  • 1.  Flex Design Library

    Community MVP
    Posted 09-30-2020 11:16
    Hi!

    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.

    Thanks,
    #ManagingEvents
    #Miscellaneous

    ------------------------------
    Lindsay Buchanan
    Manager
    Travelink
    ------------------------------


  • 2.  RE: Flex Design Library

    Community MVP
    Posted 09-30-2020 16:31
    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
    ------------------------------