{"version":"1.0","type":"rich","title":"Layout Example","description":"A layout example approximating a multi-step sign-up UI from Dribbble shots, using a flexbox layout for a split-screen interface. The left sidebar contains page numbers and a bottom section with step details plus a progress bar made of four rounded divs, while the right side is an empty flex-grow area. The code uses plain HTML and CSS, including `display: flex`, `flex-direction: column`, `justify-content: space-between`, and `flex-grow` to arrange the elements. No external libraries are used, and the markup is static with no interaction or data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/00f1ad5b35b64f6e83ebbb632b9cf75a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}