Project 8 - Fashion project with centered title and credits

Pro

Animated fashion project layout with a centered bold title, subtitle, a rounded hero image, and a two-column section with narrative text and a credits list.

Shadcn Project 8 block

Component Data

  • ID:project8
  • Access:pro
  • Created:Oct 1, 2025
  • Type:block

Project 8 block design & features

The block centers a very large bold uppercase title and a muted subtitle, both animated with staggered fade-in-up transitions. A 16:10 hero image in a rounded container follows, entering with a scale and opacity animation. Below, a two-column grid places a "Creative" heading on the left and descriptive content on the right, including a year and location row, two body paragraphs, and a credits list naming seven team members. The entire lower section fades in as a single group.

Typography is high-contrast with the title reaching 8xl on larger screens. The subtitle uses muted foreground at a generous size. Body text is set in foreground color with relaxed leading. The credits list is rendered in muted foreground with a bold heading. Spacing between major sections is generous. Built with Shadcn UI tokens.

The aesthetic is bold and fashion-editorial, with the oversized title and single hero image creating a poster-like impact. The credits section adds production context. No interactive elements are present beyond the entrance animations.

On smaller screens the two-column section stacks and the title scales down through responsive size classes.