Imagine keeps the homepage visually quiet so the portfolio images lead. Preserve that hierarchy while replacing the supplied identity, navigation, and sample content.

Masonry homepage

The homepage uses an uneven image wall with title overlays. Replace the demo images gradually and check how portrait, landscape, and square sources combine. Keep overlay text short enough to remain readable on narrow tiles.

Header and menu

Replace the IMAGINE identity and edit the menu opened by the hamburger button. The demo menu contains category filters and a Contact link. Remove unused categories and confirm every remaining link returns a relevant list.

Social links

Replace the example Instagram, Facebook, and Pinterest destinations. Remove a network rather than leaving a generic or empty profile URL.

Creator profile

Use the profile section to introduce the person or studio behind the work. Keep the biography, portrait, contact path, and public name consistent with the project detail pages.

Project and service pages

Adapt the supplied project or service structures for commissions, offerings, case studies, or creative disciplines. Link them from navigation only when their content is ready and their Total CMS 3 source is connected.

Responsive review

Test the logo, menu button, overlays, masonry columns, category list, long project titles, and contact route at phone, tablet, and desktop widths. The grid should reflow without hiding an item or placing text outside its image.

Related: Getting started with Imagine and Troubleshooting Imagine images, filters, and accessibility.