Landing page
A product that does not exist, sold in one page as a walker's map sheet: a cover band, a map with the route drawn on, a legend, four photographed entries, a painted panel, three plans with a monthly or yearly price and a line-by-line comparison, three field notes, some questions and a footer.
Summit plans a walk. The page is its own world, a 1:25 000 map sheet, and it gets there with a theme of Yeti tokens and a short stylesheet for what Yeti has no token for yet. The layouts do the rest: a stack of centered sections, each a box claiming its own room; a hero holding the map and the title block; a stack of media rows for the four entries, the figure switching sides with data-side; a painted box for the panel; columns of boxes for the plans, ruled into one sheet, with a pair of radio fields switching every price between monthly and yearly and a table comparing them line by line under a head pinned with data-sticky, and a grid of them for the field notes; and an accordion.
Or drag the box's corner to see the page at any width. It is written with nothing but Yeti's classes and attributes, and every element on it is validated against the manifest the way each demo on this site is.