A Picture is worth a Thousand Words
Photos that overlap and break the grid, layering imagery over section edges instead of boxing every photo into its own frame.
Two Images, One Frame
A second photo sits layered over the first, a white border separating the two, the way a photo gets tucked over another on a desk. It breaks the single boxed-image habit without adding a third column.
Patterns Reused Across This Rebuild
- Two-tier navigation – a slim utility bar over the primary menu, handled by Astra’s Header Builder rather than a page-level nav widget.
- Full-bleed photographic hero – a background image with a navy overlay, bleeding into the floating card below it.
- Layered imagery – a second photo tucked over the corner of the first, breaking the single boxed-image habit.
- A tilted portrait – rotated slightly and set beside the list, so even a text section carries a photograph.
This page is a design-pattern study built inside the Foundation Agentic design system already active on this prototype, not a copy of any live external site.