How to Create Dynamic / Stretchable Logo?

Design help Layout & Design
1

Does anyone know how can I achieve this dynamically stretchable logo?

My client has this cool branding that adapts to different form factors.
I would love to apply it to the website as well, adapts to different width while maintaining fixed height.

image
image1534×1064 83.7 KB

it is similar to Whitney Museum of American Art

Here is my site Read-Only: https://via-draft-1.webflow.io/

2

Update:
I have found my solution to this.

All I needed was to

  • divide the logo into 2 chunks.
  • apply Flex Box
  • use a Black DIV box to simulate the expandable part and set it Flex Child > Grow if possible
2 Likes
3

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.