Reference & reconstruction

The original direction.
A working collection.

A close reconstruction of Robin Ahmed’s supplied Alexander design, extended into connected core pages.

Side-by-side comparison: Robin Ahmed’s source on the left and matching sections of the HTML reconstruction on the right — Original source at left. Initial HTML reconstruction, before the material and motion refinement, at right.

The composition.

Library portrait, oversized name, centered serif introduction, staggered story cards, scales and process steps, photographic service rows and a portrait beside the FAQ.

The design system.

The reference specifies Playfair Display, Inter and gold #C8A450. Cori Corinne informs the oversized name, Wallpaper Projects the image framing and serif rhythm, and Symbolic the physical paper layers. The source’s typography and palette remain primary. Genuine-alpha stationery and a paper action surface add tangible detail.

The demonstration.

Imagery is reconstructed and illustrative. Ratings, credentials and outcomes are not invented. Stories are fictional, the form stays local and the page guide uses scripted links. Core pages beyond the supplied boards are design extensions.

See the supplied typography and color board

Original Alexander typography and color board: Playfair Display, Inter and a gold, brown and white palette

The original direction. A working collection.

The composition.

The design system.

The demonstration.

The original direction.
A working collection.