Component Guide (Compact Progress Pagination)

An editorial luxury-hotel card gallery paginated with an elegant serif control bar — a warm ivory canvas, charcoal typography, antique-gold detail marks, pale-periwinkle atmosphere, a forest-green active folio, ellipsis-collapsed ranges, and keyboard navigation.

A pure CSS compact pagination styled as the markets page of a financial broadsheet. Each page is one section — AI, semiconductors, data centres, power, oil & gas — with a serif lead story, ranked movers with sparklines and cited sources. Hidden radios drive an odometer counter; token-driven.

A classic numbered pagination presenting 15 sourced deep-sky objects in five pages of three cards, with object-specific imagery, observing details, and keyboard navigation.

A narrow bordered pagination presenting fifteen fictional luxury-property listings as a photo-hero bento: one featured tile plus two compact tiles sharing the same full-bleed photograph, scrim and on-image editorial anatomy.