Lifetime prices rise on 19 October →
Phox Elements
Preview colours
Preview only — copied wireframes keep their original colours.
price-list-13-noodle-bar-menu-board-with-dotted-leaders
View favourites Favourites are saved in this browser.

Notes

A noodle bar menu laid out like a printed board, built entirely from Breakdance Divs and Text. Each dish line is a three-column grid (name, leader, price) where the leader is an empty Div with a dotted bottom border, so the dots stretch to fill the gap and prices stay flush right at every width, including phones where long names wrap. Dietary markers are small bordered Divs with a key under the heading, and the brand-coloured special card uses the on-primary token for its text so it reads in both colour schemes. Keep dish names reasonably short so the leader has room on phones.

Similar wireframes