Denim Media Content Grid

Denim Media Content Grid

An editorial magazine-style content grid layout.

Features

• Mixed grid — Large featured article with smaller cards
• Article cards — Category, title, excerpt, author, read time
• Gradient placeholders — Colorful CSS gradient image areas
• Filter tabs — Visual category filter row
• Editorial typography — Newsreader serif headlines
• Staggered animations — Cards reveal sequentially
• Dark/light mode — Deep indigo dark variant

Dependencies

• @remixicon/react — Time and article icons
• @/components/ui/card — Shadcn Card
• @/components/ui/badge — Shadcn Badge
• @/components/ui/button — Shadcn Button
• @/components/ui/separator — Shadcn Separator

Customization

• Edit articles array for different content
• Change gradient placeholders
• Modify filter categories