brand

Mobile-first navigation experiment with a focus on UX

Designed around a nice mobile experience, with ease of access to menus when used in a single hand.

If you're viewing this in CodePen, try shrinking the page down to mobile size (< 500px) and tap the icon to show the tile menu.

I'm also using colour lists to style the tiles up a bit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt nisl eget dictum ultrices. Vestibulum non ornare felis, at luctus nulla. Nam varius dolor eget risus interdum, dignissim sollicitudin leo tristique. Donec ornare accumsan eleifend. Maecenas eget faucibus nisl, ultrices blandit risus. Maecenas ullamcorper mi eu nisi posuere egestas. Vivamus ac fringilla lorem. Nulla ultricies varius laoreet. Praesent vel pretium magna, et blandit neque. Integer volutpat vulputate eros, a scelerisque velit sagittis non. Quisque venenatis neque urna, et auctor nisl laoreet iaculis. Curabitur a libero varius, maximus metus non, consectetur elit. In mollis diam velit, a ornare augue maximus ut. Nam vehicula purus quis fermentum ornare. Duis luctus, justo sed ullamcorper rhoncus, diam massa viverra purus, non luctus libero neque et turpis. Integer tempor porta neque, nec finibus ante.

Quisque elementum eget metus a consequat. Etiam porta orci augue. Integer vitae tellus sit amet erat scelerisque porttitor eleifend bibendum neque. Donec vitae dapibus lacus. Mauris porttitor risus a elit vestibulum interdum. Proin vestibulum interdum elit, at consectetur lorem porta nec. Aenean mattis nulla ut ante fermentum vulputate. Integer sit amet odio eget dolor finibus pharetra. Quisque mollis felis vel ex tincidunt fermentum. Nam in leo dolor. Aenean ut condimentum ipsum.

Sed sollicitudin ante eget metus lacinia, at convallis est elementum. Morbi aliquet a enim eu tempor. Curabitur feugiat feugiat augue, vel commodo ex feugiat non. Nunc vel luctus sem, id luctus lectus. Suspendisse molestie auctor orci vitae posuere. Aenean commodo dolor vitae magna blandit, ut blandit leo consectetur. Proin sit amet lacus ullamcorper, consequat purus vitae, sodales erat. Nullam lobortis consequat magna. Nullam porta sem enim, quis aliquet ligula dignissim in.