This is a Liquid Responsive landing page, including:
- Data visualizations at the top to grab attention
- Functional worklist for managing tasks
- Top Actions use a typeface icon, placing key functions one click away
- Secondary Action are bucketed together into categories with typeface icons
- Uses a combination of liquid layout for all the content
- And Responsee adaptive layout to collapse the navigation into a menu for mobile.
Liquid Responsive Layout
At nominal width, the content flows nicely into a desktop viewport.
For Tablet and Phone sizes, the content reduces and stacks as necessary. The Navigation collapses gracefully into a hamburger menu with the nav items treated button-esque.

You may also like

Back to Top