Notes

An editorial hero for an architecture festival, laid out like the opening spread of a printed programme: a running title up the spine, a tall cover picture with a brand-coloured fact tile set into its corner, and a numbered contents list with page numbers beside the headline. The spine title is a Text element turned on its side by one custom CSS rule (writing-mode), which a phone landscape rule switches back to a normal line above the picture, so keep it short enough to fit the height of the picture. The tile is pulled up over the picture with a negative top margin set at every breakpoint, so if you change the tile text, check its minimum height still matches the margin. The only call to action is an underlined text link, so point it at the programme page or a PDF.